<!DOCTYPE html><html><head><meta charset="utf-8"><title>Untitled Document.md</title><style>@charset "UTF-8";@import 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0-alpha2/katex.min.css';code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{display:block;margin:0 0 10px;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{background-color:transparent}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th{padding:8px;line-height:1.4285714;border-top:1px solid #ddd}.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td{padding:8px;line-height:1.4285714;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered,.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>thead>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>thead>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>thead>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>thead>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>thead>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}fieldset{border:0;min-width:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}output,.form-control{display:block;font-size:14px;line-height:1.4285714;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.4285714 \0}input[type="date"].input-sm,.form-horizontal .form-group-sm input.form-control[type="date"],.input-group-sm>input.form-control[type="date"],.input-group-sm>input.input-group-addon[type="date"],.input-group-sm>.input-group-btn>input.btn[type="date"],input[type="time"].input-sm,.form-horizontal .form-group-sm input.form-control[type="time"],.input-group-sm>input.form-control[type="time"],.input-group-sm>input.input-group-addon[type="time"],.input-group-sm>.input-group-btn>input.btn[type="time"],input[type="datetime-local"].input-sm,.form-horizontal .form-group-sm input.form-control[type="datetime-local"],.input-group-sm>input.form-control[type="datetime-local"],.input-group-sm>input.input-group-addon[type="datetime-local"],.input-group-sm>.input-group-btn>input.btn[type="datetime-local"],input[type="month"].input-sm,.form-horizontal .form-group-sm input.form-control[type="month"],.input-group-sm>input.form-control[type="month"],.input-group-sm>input.input-group-addon[type="month"],.input-group-sm>.input-group-btn>input.btn[type="month"]{line-height:30px}input[type="date"].input-lg,.form-horizontal .form-group-lg input.form-control[type="date"],.input-group-lg>input.form-control[type="date"],.input-group-lg>input.input-group-addon[type="date"],.input-group-lg>.input-group-btn>input.btn[type="date"],input[type="time"].input-lg,.form-horizontal .form-group-lg input.form-control[type="time"],.input-group-lg>input.form-control[type="time"],.input-group-lg>input.input-group-addon[type="time"],.input-group-lg>.input-group-btn>input.btn[type="time"],input[type="datetime-local"].input-lg,.form-horizontal .form-group-lg input.form-control[type="datetime-local"],.input-group-lg>input.form-control[type="datetime-local"],.input-group-lg>input.input-group-addon[type="datetime-local"],.input-group-lg>.input-group-btn>input.btn[type="datetime-local"],input[type="month"].input-lg,.form-horizontal .form-group-lg input.form-control[type="month"],.input-group-lg>input.form-control[type="month"],.input-group-lg>input.input-group-addon[type="month"],.input-group-lg>.input-group-btn>input.btn[type="month"]{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="radio"].disabled,fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],input[type="checkbox"].disabled,fieldset[disabled] input[type="checkbox"],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn{padding-left:0;padding-right:0}.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm>.form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.input-group-sm>.input-group-addon{height:30px;line-height:1.5}.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,.input-group-sm>.input-group-btn>select.btn{height:30px;line-height:30px}textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,.input-group-sm>.input-group-btn>textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select.form-control[multiple],.input-group-sm>select.form-control[multiple],.input-group-sm>select.input-group-addon[multiple],.input-group-sm>.input-group-btn>select.btn[multiple]{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg>.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.input-group-lg>.input-group-addon{height:46px;line-height:1.33}.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,.input-group-lg>.input-group-btn>select.btn{height:46px;line-height:46px}textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,.input-group-lg>.input-group-btn>textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select.form-control[multiple],.input-group-lg>select.form-control[multiple],.input-group-lg>select.input-group-addon[multiple],.input-group-lg>.input-group-btn>select.btn[multiple]{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-group:before{content:" ";display:table}.form-horizontal .form-group:after{content:" ";display:table;clear:both}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle{background-image:none}.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle{background-image:none}.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.btn-warning.dropdown-toggle{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.btn-warning.dropdown-toggle{background-image:none}.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle{background-image:none}.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon{white-space:nowrap}.input-group-addon,.input-group-btn{width:1%;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.4285714;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open,.modal{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{transform:translate3d(0,-25%,0);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate3d(0,0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.4285714px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.4285714}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{content:" ";display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed;transform:translate3d(0,0,0)}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc{color:#586e75}.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title{color:#859900}.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url{color:#2aa198}.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function{color:#268bd2}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference{color:#b58900}.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header{color:#cb4b16}.hljs-deletion,.hljs-important{color:#dc322f}.hljs-link_label{color:#6c71c4}.tex .hljs-formula{background:#073642}*,*:before,*:after{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}images{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd{font-size:1em}code,kbd,pre,samp{font-family:monospace,monospace}samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;margin-right:5px}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.debug{background-color:#ffc0cb!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir{background-color:transparent;border:0;overflow:hidden}.ir::before{content:'';display:block;height:150%;width:0}html{font-size:.875em;background:#fff;color:#373D49}html,body{font-family:Georgia,Cambria,serif;height:100%}body{font-size:1rem;font-weight:400;line-height:2rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}li{font-feature-settings:'kern' 1,'onum' 1,'liga' 1;margin-left:1rem}li>ul,li>ol{margin-bottom:0}p{padding-top:.66001rem;font-feature-settings:'kern' 1,'onum' 1,'liga' 1;margin-top:0}p,pre{margin-bottom:1.33999rem}pre{font-size:1rem;padding:.66001rem 9.5px 9.5px;line-height:2rem;background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);background-size:100% 4rem;border-color:#D3DAEA}blockquote{margin:0}blockquote p{font-size:1rem;margin-bottom:.33999rem;font-style:italic;padding:.66001rem 1rem 1rem;border-left:3px solid #A0AABF}th,td{padding:12px}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;font-style:normal;font-weight:600;margin-top:0}h1{line-height:3rem;font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h2,h3{line-height:3rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}a{cursor:pointer;color:#35D7BB;text-decoration:none}a:hover,a:focus{border-bottom-color:#35D7BB;color:#dff9f4}img{height:auto;max-width:100%}dt{font-style:italic;font-weight:600}.g{display:block}.g:after{clear:both;content:'';display:table}.g-b{float:left;margin:0;width:100%}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--center{display:block;float:none;margin:0 auto}.g-b--right{float:right}.g-b--1of1{width:100%}.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12{width:50%}.g-b--1of3,.g-b--2of6,.g-b--4of12{width:33.333%}.g-b--2of3,.g-b--4of6,.g-b--8of12{width:66.666%}.g-b--1of4,.g-b--2of8,.g-b--3of12{width:25%}.g-b--3of4,.g-b--6of8,.g-b--9of12{width:75%}.g-b--1of5,.g-b--2of10{width:20%}.g-b--2of5,.g-b--4of10{width:40%}.g-b--3of5,.g-b--6of10{width:60%}.g-b--4of5,.g-b--8of10{width:80%}.g-b--1of6,.g-b--2of12{width:16.666%}.g-b--5of6,.g-b--10of12{width:83.333%}.g-b--1of8{width:12.5%}.g-b--3of8{width:37.5%}.g-b--5of8{width:62.5%}.g-b--7of8{width:87.5%}.g-b--1of10{width:10%}.g-b--3of10{width:30%}.g-b--7of10{width:70%}.g-b--9of10{width:90%}.g-b--1of12{width:8.333%}.g-b--5of12{width:41.666%}.g-b--7of12{width:58.333%}.g-b--11of12{width:91.666%}.g-b--push--1of1{margin-left:100%}.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12{margin-left:50%}.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12{margin-left:33.333%}.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12{margin-left:66.666%}.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12{margin-left:25%}.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12{margin-left:75%}.g-b--push--1of5,.g-b--push--2of10{margin-left:20%}.g-b--push--2of5,.g-b--push--4of10{margin-left:40%}.g-b--push--3of5,.g-b--push--6of10{margin-left:60%}.g-b--push--4of5,.g-b--push--8of10{margin-left:80%}.g-b--push--1of6,.g-b--push--2of12{margin-left:16.666%}.g-b--push--5of6,.g-b--push--10of12{margin-left:83.333%}.g-b--push--1of8{margin-left:12.5%}.g-b--push--3of8{margin-left:37.5%}.g-b--push--5of8{margin-left:62.5%}.g-b--push--7of8{margin-left:87.5%}.g-b--push--1of10{margin-left:10%}.g-b--push--3of10{margin-left:30%}.g-b--push--7of10{margin-left:70%}.g-b--push--9of10{margin-left:90%}.g-b--push--1of12{margin-left:8.333%}.g-b--push--5of12{margin-left:41.666%}.g-b--push--7of12{margin-left:58.333%}.g-b--push--11of12{margin-left:91.666%}.g-b--pull--1of1{margin-right:100%}.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12{margin-right:50%}.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12{margin-right:33.333%}.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12{margin-right:66.666%}.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12{margin-right:25%}.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12{margin-right:75%}.g-b--pull--1of5,.g-b--pull--2of10{margin-right:20%}.g-b--pull--2of5,.g-b--pull--4of10{margin-right:40%}.g-b--pull--3of5,.g-b--pull--6of10{margin-right:60%}.g-b--pull--4of5,.g-b--pull--8of10{margin-right:80%}.g-b--pull--1of6,.g-b--pull--2of12{margin-right:16.666%}.g-b--pull--5of6,.g-b--pull--10of12{margin-right:83.333%}.g-b--pull--1of8{margin-right:12.5%}.g-b--pull--3of8{margin-right:37.5%}.g-b--pull--5of8{margin-right:62.5%}.g-b--pull--7of8{margin-right:87.5%}.g-b--pull--1of10{margin-right:10%}.g-b--pull--3of10{margin-right:30%}.g-b--pull--7of10{margin-right:70%}.g-b--pull--9of10{margin-right:90%}.g-b--pull--1of12{margin-right:8.333%}.g-b--pull--5of12{margin-right:41.666%}.g-b--pull--7of12{margin-right:58.333%}.g-b--pull--11of12{margin-right:91.666%}.splashscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#373D49;z-index:22}.splashscreen-dillinger{width:260px;height:auto;display:block;margin:0 auto;padding-bottom:3rem}.splashscreen p{font-size:1.25rem;padding-top:.56251rem;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;text-align:center;max-width:500px;margin:0 auto;color:#FFF}.sp-center{position:relative;transform:translateY(-50%);top:50%}.open-menu>.wrapper{overflow-x:hidden}.page{margin:0 auto;position:relative;top:0;left:0;width:100%;height:100%;z-index:2;transition:all .25s ease-in-out;background-color:#fff;padding-top:51px;will-change:left}.open-menu .page{left:270px}.title{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;color:#A0AABF;letter-spacing:1px;text-transform:uppercase;padding-left:16px;padding-right:16px;margin-top:1rem}.split-preview .title{padding-left:0}.title-document{line-height:1rem;font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem;font-weight:400;font-family:"Ubuntu Mono",Monaco;color:#373D49;padding-left:16px;padding-right:16px;width:80%;min-width:300px;outline:0;border:none}.icon{display:block;margin:0 auto;width:36px;height:36px;border-radius:3px;text-align:center}.icon svg{display:inline-block;margin-left:auto;margin-right:auto}.icon-preview{background-color:#373D49;line-height:40px}.icon-preview svg{width:19px;height:12px}.icon-settings{background-color:#373D49;line-height:44px}.icon-settings svg{width:18px;height:18px}.icon-link{width:16px;height:16px;line-height:1;margin-right:24px;text-align:right}.navbar{background-color:#373D49;height:51px;width:100%;position:fixed;top:0;left:0;z-index:6;transition:all .25s ease-in-out;will-change:left}.navbar:after{content:"";display:table;clear:both}.open-menu .navbar{left:270px}.navbar-brand{float:left;margin:0 0 0 24px;padding:0;line-height:42px}.navbar-brand svg{width:85px;height:11px}.nav-left{float:left}.nav-right{float:right}.nav-sidebar{width:100%}.menu{list-style:none;margin:0;padding:0}.menu a{border:0;color:#A0AABF;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;outline:none;text-transform:uppercase}.menu a:hover{color:#35D7BB}.menu .menu-item{border:0;display:none;float:left;margin:0;position:relative}.menu .menu-item>a{display:block;font-size:12px;height:51px;letter-spacing:1px;line-height:51px;padding:0 24px}.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar{display:block}.menu .menu-item--documents{padding-bottom:1rem}.menu .menu-item.open>a{background-color:#1D212A}.menu .menu-item-icon>a{height:auto;padding:0}.menu .menu-item-icon:hover>a{background-color:transparent}.menu .menu-link.open i{background-color:#1D212A}.menu .menu-link.open g{fill:#35D7BB}.menu .menu-link-preview,.menu .menu-link-settings{margin-top:8px;width:51px}.menu-sidebar{width:100%}.menu-sidebar .menu-item{float:none;margin-bottom:1px;width:100%}.menu-sidebar .menu-item.open>a{background-color:#373D49}.menu-sidebar .open .caret{transform:rotate(180deg)}.menu-sidebar>.menu-item:hover .dropdown a,.menu-sidebar>.menu-item:hover .settings a{background-color:transparent}.menu-sidebar .menu-link{background-color:#373D49;font-weight:600}.menu-sidebar .menu-link:after{content:"";display:table;clear:both}.menu-sidebar .menu-link>span{float:left}.menu-sidebar .menu-link>.caret{float:right;text-align:right;top:22px}.menu-sidebar .dropdown,.menu-sidebar .settings{background-color:transparent;position:static;width:100%}.dropdown{position:absolute;right:0;top:51px;width:188px}.dropdown,.settings{display:none;background-color:#1D212A}.dropdown{padding:0}.dropdown,.settings,.sidebar-list{list-style:none;margin:0}.sidebar-list{padding:0}.dropdown li{margin:32px 0;padding:0 0 0 32px}.dropdown li,.settings li{line-height:1}.sidebar-list li{line-height:1;margin:32px 0;padding:0 0 0 32px}.dropdown a{color:#D0D6E2}.dropdown a,.settings a,.sidebar-list a{display:block;text-transform:none}.sidebar-list a{color:#D0D6E2}.dropdown a:after,.settings a:after,.sidebar-list a:after{content:"";display:table;clear:both}.dropdown .icon,.settings .icon,.sidebar-list .icon{float:right}.open .dropdown,.open .settings,.open .sidebar-list{display:block}.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse{display:none}.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in{display:block}.dropdown .unlinked .icon,.settings .unlinked .icon,.sidebar-list .unlinked .icon{opacity:.3}.dropdown.documents li,.documents.settings li,.sidebar-list.documents li{background-image:url("../img/icons/file.svg");background-position:240px center;background-repeat:no-repeat;background-size:14px 16px;padding:3px 32px}.dropdown.documents li.octocat,.documents.settings li.octocat,.sidebar-list.documents li.octocat{background-image:url("../img/icons/octocat.svg");background-position:234px center;background-size:24px 24px}.dropdown.documents li:last-child,.documents.settings li:last-child,.sidebar-list.documents li:last-child{margin-bottom:1rem}.dropdown.documents li.active a,.documents.settings li.active a,.sidebar-list.documents li.active a{color:#35D7BB}.settings{position:fixed;top:67px;right:16px;border-radius:3px;width:288px;background-color:#373D49;padding:16px;z-index:7}.show-settings .settings{display:block}.settings .has-checkbox{float:left}.settings form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.settings input{width:20%}.settings a{font-size:1.25rem;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:28px;color:#D0D6E2}.settings a:after{content:"";display:table;clear:both}.settings a:hover{color:#35D7BB}.settings li{border-bottom:1px solid #4F535B;margin:0;padding:16px 0}.settings li:last-child{border-bottom:none}.brand{border:none;display:block}.brand:hover g{fill:#35D7BB}.toggle{display:block;float:left;height:16px;padding:25px 16px 26px;width:40px}.toggle span:after,.toggle span:before{content:'';left:0;position:absolute;top:-6px}.toggle span:after{top:6px}.toggle span{display:block;position:relative}.toggle span,.toggle span:after,.toggle span:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D3DAEA;height:2px;transition:all .3s;width:20px}.open-menu .toggle span{background-color:transparent}.open-menu .toggle span:before{transform:rotate(45deg) translate(3px,3px)}.open-menu .toggle span:after{transform:rotate(-45deg) translate(5px,-6px)}.caret{display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;position:relative;top:-1px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.sidebar{overflow:auto;height:100%;padding-right:15px;padding-bottom:15px;width:285px}.sidebar-wrapper{-webkit-overflow-scrolling:touch;background-color:#2B2F36;left:0;height:100%;overflow-y:hidden;position:fixed;top:0;width:285px;z-index:1}.sidebar-branding{width:160px;padding:0;margin:16px auto}.header{border-bottom:1px solid #E8E8E8;position:relative}.words,.characters{line-height:1rem;font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem;font-weight:500;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;z-index:5;position:absolute;right:16px;top:0}.words span,.characters span{color:#A0AABF}.words .counter,.characters .counter{color:#000}.words+.characters{top:22px}.mr10{margin-right:10px}.btn{text-align:center;display:inline-block;width:100%;text-transform:uppercase;font-weight:600;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;text-shadow:0 1px 0 #1b8b77;padding:16px 24px;background-color:#35D7BB;border-radius:3px;margin:0 auto 16px;line-height:1;color:#fff;transition:all .15s linear;-webkit-font-smoothing:antialiased}.btn--new,.btn--save{display:block;width:238px}.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 3px #24b59c;text-shadow:0 1px 0 #24b59c}.btn--save{background-color:#4A5261;text-shadow:0 1px 1px #1e2127}.btn--save:hover,.btn--save:focus{color:#fff;border-bottom-color:transparent;box-shadow:0 1px 5px #08090a;text-shadow:none}.btn--delete{display:block;width:238px;background-color:transparent;font-size:12px;text-shadow:none}.btn--delete:hover,.btn--delete:focus{color:#fff;border-bottom-color:transparent;text-shadow:0 1px 0 #08090a;opacity:.8}.btn--delete-modal,.btn--ok,.btn--close{border-top:0;background-color:#4A5261;text-shadow:0 1px 0 #08090a;margin:0}.btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{color:#fff;background-color:#292d36;text-shadow:none}.btn--delete-modal{display:inline;width:auto}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,61,73,.8);transition:all .25s ease-in-out;transition-timing-function:ease-out;will-change:left,opacity,visibility;z-index:5;opacity:0;visibility:hidden}.show-settings .overlay{visibility:visible;opacity:1}.switch{float:right;line-height:1}.switch input{display:none}.switch small{display:inline-block;cursor:pointer;padding:0 24px 0 0;transition:all ease .2s;background-color:#2B2F36;border-color:#2B2F36}.switch small,.switch small:before{border-radius:30px;box-shadow:inset 0 0 2px 0 #14171F}.switch small:before{display:block;content:'';width:28px;height:28px;background:#fff}.switch.checked small{padding-right:0;padding-left:24px;background-color:#35D7BB;box-shadow:none}.modal--dillinger.about .modal-dialog{font-size:1.25rem;max-width:500px}.modal--dillinger.scope .modal-dialog{max-width:300px;margin:5rem auto}.modal--dillinger .modal-dialog{max-width:600px;width:auto;margin:5rem auto}.modal--dillinger .modal-content{background:#373D49;border-radius:3px;box-shadow:0 2px 5px 0 #2C3B59;color:#fff;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;padding:2rem}.modal--dillinger ul{list-style-type:disc;margin:1rem 0;padding:0 0 0 1rem}.modal--dillinger li{padding:0;margin:0}.modal--dillinger .modal-header{border:0;padding:0}.modal--dillinger .modal-body{padding:0}.modal--dillinger .modal-footer{border:0;padding:0}.modal--dillinger .close{color:#fff;opacity:1}.modal-backdrop{background-color:#373D49}.pagination--dillinger{padding:0!important;margin:1.5rem 0!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.pagination--dillinger li{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;text-align:center}.pagination--dillinger li:first-child>a,.pagination--dillinger li.disabled>a,.pagination--dillinger li.disabled>a:hover,.pagination--dillinger li.disabled>a:focus,.pagination--dillinger li>a{background-color:transparent;border-color:#4F535B;border-right-color:transparent}.pagination--dillinger li.active>a,.pagination--dillinger li.active>a:hover,.pagination--dillinger li.active>a:focus{border-color:#4A5261;background-color:#4A5261;color:#fff}.pagination--dillinger li>a{float:none;color:#fff;width:100%;display:block;text-align:center;margin:0;border-right-color:transparent;padding:6px}.pagination--dillinger li>a:hover,.pagination--dillinger li>a:focus{border-color:#35D7BB;background-color:#35D7BB;color:#fff}.pagination--dillinger li:last-child a{border-color:#4F535B}.pagination--dillinger li:first-child a{border-right-color:transparent}.diNotify{position:absolute;z-index:9999;left:0;right:0;top:0;margin:0 auto;max-width:400px;text-align:center;transition:top .5s ease-in-out,opacity .5s ease-in-out;visibility:hidden}.diNotify-body{-webkit-font-smoothing:antialiased;background-color:#35D7BB;background:#666E7F;border-radius:3px;color:#fff;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;overflow:hidden;padding:1rem 2rem .5rem;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:center;justify-content:center}.diNotify-icon{display:block;width:16px;height:16px;line-height:16px;position:relative;top:3px}.diNotify-message{padding-left:1rem}.zen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background-color:#FFF;opacity:0;transition:opacity .25s ease-in-out}.zen-wrapper.on{opacity:1}.enter-zen-mode{background-image:url("../img/icons/enter-zen.svg");right:.5rem;top:.313rem;display:none}.enter-zen-mode,.close-zen-mode{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute}.close-zen-mode{background-image:url("../img/icons/exit-zen.svg");right:1rem;top:1rem}.zen-page{position:relative;top:0;bottom:0;z-index:11;height:100%;width:100%}#zen{font-size:1.25rem;width:300px;height:80%;margin:0 auto;position:relative;top:10%}#zen:before,#zen:after{content:"";position:absolute;height:10%;width:100%;z-index:12;pointer-events:none}#preview .table{width:auto}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-e{background-color:#666;border-right:8px solid #e8e8e8;border-left:1px solid #222;width:10px;z-index:88!important;position:relative}.ui-resizable-e:after{content:"-";display:block;position:absolute;top:calc(50% - 16px);left:0;height:25px;width:2px;background-color:rgba(0,0,0,.4);margin:3px}#editor{cursor:ew-resize;position:relative;z-index:auto}.profile-pic{float:left;width:250px}#_default_ a::before{color:#A0AABF}#_default_ img{display:none}#_default_ #_default_{display:block;float:left;max-width:38%;word-wrap:break-word}#_default_ .default-ad{display:none}#_default_ ._default_{display:block}#_default_ a{color:#35d7bb;text-decoration:none}#_default_ a:hover{color:#8ae8d8}#_default_ .default-image{display:none}#_default_ .default-title:after{content:" — "}#_default_ .default-title,#_default_ .default-text,#_default_ .default-description{display:inline}#_default_ .default-title{position:relative;font-weight:600;display:none}#_default_ a:before{position:relative;top:0;padding:5px;color:#a0aabf;content:"Ad";text-transform:uppercase;font-size:8px;font-family:Verdana,sans-serif}#_default_{display:block;float:left;max-width:38%;word-wrap:break-word}#_default_ ._default_{display:block;font-size:.75rem;height:51px;letter-spacing:1px;line-height:1rem;padding:18px 24px}body{max-width:1024px;margin:0 auto;overflow:auto;padding:2%}.split{overflow:scroll;padding:0!important;-webkit-overflow-scrolling:touch}.split-editor{padding-left:0;padding-right:0;position:relative;z-index:3}.show-preview .split-editor{display:none}.split-preview{background-color:#fff;display:none;top:0;position:relative;z-index:4}.show-preview .split-preview{display:block}#editor{font-size:1rem;font-family:"Ubuntu Mono",Monaco;font-weight:400;line-height:2rem;width:100%;height:100%}#editor .ace_gutter{-webkit-font-smoothing:antialiased}.editor-header{width:50%;float:left;border-bottom:1px solid #E8E8E8;position:relative}.editor-header--first{border-right:1px solid #E8E8E8}.editor-header .title{display:inline-block}.preview-html{padding:15px}.preview-html a{color:#A0AABF;text-decoration:underline}.preview-src{white-space:normal}.preview-mode-toggle-src{background-image:url("../img/icons/code.svg")}.preview-mode-toggle-src,.preview-mode-toggle-html{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background-repeat:no-repeat;width:32px;height:32px;display:block;position:absolute;right:.5rem;top:.5rem;display:none}.preview-mode-toggle-html{background-image:url("../img/icons/eye.svg")}.sr-only{visibility:hidden;text-overflow:110%;overflow:hidden;top:-100px;position:absolute}.mnone{margin:0!important}@media screen and (min-width:27.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--m1of1{width:100%}.g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12{width:50%}.g-b--m1of3,.g-b--m2of6,.g-b--m4of12{width:33.333%}.g-b--m2of3,.g-b--m4of6,.g-b--m8of12{width:66.666%}.g-b--m1of4,.g-b--m2of8,.g-b--m3of12{width:25%}.g-b--m3of4,.g-b--m6of8,.g-b--m9of12{width:75%}.g-b--m1of5,.g-b--m2of10{width:20%}.g-b--m2of5,.g-b--m4of10{width:40%}.g-b--m3of5,.g-b--m6of10{width:60%}.g-b--m4of5,.g-b--m8of10{width:80%}.g-b--m1of6,.g-b--m2of12{width:16.666%}.g-b--m5of6,.g-b--m10of12{width:83.333%}.g-b--m1of8{width:12.5%}.g-b--m3of8{width:37.5%}.g-b--m5of8{width:62.5%}.g-b--m7of8{width:87.5%}.g-b--m1of10{width:10%}.g-b--m3of10{width:30%}.g-b--m7of10{width:70%}.g-b--m9of10{width:90%}.g-b--m1of12{width:8.333%}.g-b--m5of12{width:41.666%}.g-b--m7of12{width:58.333%}.g-b--m11of12{width:91.666%}.g-b--push--m1of1{margin-left:100%}.g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12{margin-left:50%}.g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12{margin-left:33.333%}.g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12{margin-left:66.666%}.g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12{margin-left:25%}.g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12{margin-left:75%}.g-b--push--m1of5,.g-b--push--m2of10{margin-left:20%}.g-b--push--m2of5,.g-b--push--m4of10{margin-left:40%}.g-b--push--m3of5,.g-b--push--m6of10{margin-left:60%}.g-b--push--m4of5,.g-b--push--m8of10{margin-left:80%}.g-b--push--m1of6,.g-b--push--m2of12{margin-left:16.666%}.g-b--push--m5of6,.g-b--push--m10of12{margin-left:83.333%}.g-b--push--m1of8{margin-left:12.5%}.g-b--push--m3of8{margin-left:37.5%}.g-b--push--m5of8{margin-left:62.5%}.g-b--push--m7of8{margin-left:87.5%}.g-b--push--m1of10{margin-left:10%}.g-b--push--m3of10{margin-left:30%}.g-b--push--m7of10{margin-left:70%}.g-b--push--m9of10{margin-left:90%}.g-b--push--m1of12{margin-left:8.333%}.g-b--push--m5of12{margin-left:41.666%}.g-b--push--m7of12{margin-left:58.333%}.g-b--push--m11of12{margin-left:91.666%}.g-b--pull--m1of1{margin-right:100%}.g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12{margin-right:50%}.g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12{margin-right:33.333%}.g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12{margin-right:66.666%}.g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12{margin-right:25%}.g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12{margin-right:75%}.g-b--pull--m1of5,.g-b--pull--m2of10{margin-right:20%}.g-b--pull--m2of5,.g-b--pull--m4of10{margin-right:40%}.g-b--pull--m3of5,.g-b--pull--m6of10{margin-right:60%}.g-b--pull--m4of5,.g-b--pull--m8of10{margin-right:80%}.g-b--pull--m1of6,.g-b--pull--m2of12{margin-right:16.666%}.g-b--pull--m5of6,.g-b--pull--m10of12{margin-right:83.333%}.g-b--pull--m1of8{margin-right:12.5%}.g-b--pull--m3of8{margin-right:37.5%}.g-b--pull--m5of8{margin-right:62.5%}.g-b--pull--m7of8{margin-right:87.5%}.g-b--pull--m1of10{margin-right:10%}.g-b--pull--m3of10{margin-right:30%}.g-b--pull--m7of10{margin-right:70%}.g-b--pull--m9of10{margin-right:90%}.g-b--pull--m1of12{margin-right:8.333%}.g-b--pull--m5of12{margin-right:41.666%}.g-b--pull--m7of12{margin-right:58.333%}.g-b--pull--m11of12{margin-right:91.666%}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words,.characters{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:400px}#editor{font-size:1rem}}@media screen and (min-width:46.25em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--t1of1{width:100%}.g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12{width:50%}.g-b--t1of3,.g-b--t2of6,.g-b--t4of12{width:33.333%}.g-b--t2of3,.g-b--t4of6,.g-b--t8of12{width:66.666%}.g-b--t1of4,.g-b--t2of8,.g-b--t3of12{width:25%}.g-b--t3of4,.g-b--t6of8,.g-b--t9of12{width:75%}.g-b--t1of5,.g-b--t2of10{width:20%}.g-b--t2of5,.g-b--t4of10{width:40%}.g-b--t3of5,.g-b--t6of10{width:60%}.g-b--t4of5,.g-b--t8of10{width:80%}.g-b--t1of6,.g-b--t2of12{width:16.666%}.g-b--t5of6,.g-b--t10of12{width:83.333%}.g-b--t1of8{width:12.5%}.g-b--t3of8{width:37.5%}.g-b--t5of8{width:62.5%}.g-b--t7of8{width:87.5%}.g-b--t1of10{width:10%}.g-b--t3of10{width:30%}.g-b--t7of10{width:70%}.g-b--t9of10{width:90%}.g-b--t1of12{width:8.333%}.g-b--t5of12{width:41.666%}.g-b--t7of12{width:58.333%}.g-b--t11of12{width:91.666%}.g-b--push--t1of1{margin-left:100%}.g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12{margin-left:50%}.g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12{margin-left:33.333%}.g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12{margin-left:66.666%}.g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12{margin-left:25%}.g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12{margin-left:75%}.g-b--push--t1of5,.g-b--push--t2of10{margin-left:20%}.g-b--push--t2of5,.g-b--push--t4of10{margin-left:40%}.g-b--push--t3of5,.g-b--push--t6of10{margin-left:60%}.g-b--push--t4of5,.g-b--push--t8of10{margin-left:80%}.g-b--push--t1of6,.g-b--push--t2of12{margin-left:16.666%}.g-b--push--t5of6,.g-b--push--t10of12{margin-left:83.333%}.g-b--push--t1of8{margin-left:12.5%}.g-b--push--t3of8{margin-left:37.5%}.g-b--push--t5of8{margin-left:62.5%}.g-b--push--t7of8{margin-left:87.5%}.g-b--push--t1of10{margin-left:10%}.g-b--push--t3of10{margin-left:30%}.g-b--push--t7of10{margin-left:70%}.g-b--push--t9of10{margin-left:90%}.g-b--push--t1of12{margin-left:8.333%}.g-b--push--t5of12{margin-left:41.666%}.g-b--push--t7of12{margin-left:58.333%}.g-b--push--t11of12{margin-left:91.666%}.g-b--pull--t1of1{margin-right:100%}.g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12{margin-right:50%}.g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12{margin-right:33.333%}.g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12{margin-right:66.666%}.g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12{margin-right:25%}.g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12{margin-right:75%}.g-b--pull--t1of5,.g-b--pull--t2of10{margin-right:20%}.g-b--pull--t2of5,.g-b--pull--t4of10{margin-right:40%}.g-b--pull--t3of5,.g-b--pull--t6of10{margin-right:60%}.g-b--pull--t4of5,.g-b--pull--t8of10{margin-right:80%}.g-b--pull--t1of6,.g-b--pull--t2of12{margin-right:16.666%}.g-b--pull--t5of6,.g-b--pull--t10of12{margin-right:83.333%}.g-b--pull--t1of8{margin-right:12.5%}.g-b--pull--t3of8{margin-right:37.5%}.g-b--pull--t5of8{margin-right:62.5%}.g-b--pull--t7of8{margin-right:87.5%}.g-b--pull--t1of10{margin-right:10%}.g-b--pull--t3of10{margin-right:30%}.g-b--pull--t7of10{margin-right:70%}.g-b--pull--t9of10{margin-right:90%}.g-b--pull--t1of12{margin-right:8.333%}.g-b--pull--t5of12{margin-right:41.666%}.g-b--pull--t7of12{margin-right:58.333%}.g-b--pull--t11of12{margin-right:91.666%}.splashscreen-dillinger{width:500px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--save-to,.menu .menu-item--import-from{display:block}.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar{display:none}.settings a{font-size:1.25rem}.words,.characters{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog{font-size:1.25rem}.enter-zen-mode{display:block}.close-zen-mode{right:3rem;top:3rem}#zen{font-size:1.25rem;width:500px}.split-editor{border-right:1px solid #E8E8E8;float:left;padding-right:16px;width:50%}.show-preview .split-editor{display:block}.split-preview{display:block;float:right;position:relative;top:0;width:50%}#editor{font-size:1rem}.preview-mode-toggle-src,.preview-mode-toggle-html{display:block}}@media screen and (min-width:62.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.g{margin-left:-16px;margin-right:-16px}.g-b{padding-left:16px;padding-right:16px}.g-b--d1of1{width:100%}.g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12{width:50%}.g-b--d1of3,.g-b--d2of6,.g-b--d4of12{width:33.333%}.g-b--d2of3,.g-b--d4of6,.g-b--d8of12{width:66.666%}.g-b--d1of4,.g-b--d2of8,.g-b--d3of12{width:25%}.g-b--d3of4,.g-b--d6of8,.g-b--d9of12{width:75%}.g-b--d1of5,.g-b--d2of10{width:20%}.g-b--d2of5,.g-b--d4of10{width:40%}.g-b--d3of5,.g-b--d6of10{width:60%}.g-b--d4of5,.g-b--d8of10{width:80%}.g-b--d1of6,.g-b--d2of12{width:16.666%}.g-b--d5of6,.g-b--d10of12{width:83.333%}.g-b--d1of8{width:12.5%}.g-b--d3of8{width:37.5%}.g-b--d5of8{width:62.5%}.g-b--d7of8{width:87.5%}.g-b--d1of10{width:10%}.g-b--d3of10{width:30%}.g-b--d7of10{width:70%}.g-b--d9of10{width:90%}.g-b--d1of12{width:8.333%}.g-b--d5of12{width:41.666%}.g-b--d7of12{width:58.333%}.g-b--d11of12{width:91.666%}.g-b--push--d1of1{margin-left:100%}.g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12{margin-left:50%}.g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12{margin-left:33.333%}.g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12{margin-left:66.666%}.g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12{margin-left:25%}.g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12{margin-left:75%}.g-b--push--d1of5,.g-b--push--d2of10{margin-left:20%}.g-b--push--d2of5,.g-b--push--d4of10{margin-left:40%}.g-b--push--d3of5,.g-b--push--d6of10{margin-left:60%}.g-b--push--d4of5,.g-b--push--d8of10{margin-left:80%}.g-b--push--d1of6,.g-b--push--d2of12{margin-left:16.666%}.g-b--push--d5of6,.g-b--push--d10of12{margin-left:83.333%}.g-b--push--d1of8{margin-left:12.5%}.g-b--push--d3of8{margin-left:37.5%}.g-b--push--d5of8{margin-left:62.5%}.g-b--push--d7of8{margin-left:87.5%}.g-b--push--d1of10{margin-left:10%}.g-b--push--d3of10{margin-left:30%}.g-b--push--d7of10{margin-left:70%}.g-b--push--d9of10{margin-left:90%}.g-b--push--d1of12{margin-left:8.333%}.g-b--push--d5of12{margin-left:41.666%}.g-b--push--d7of12{margin-left:58.333%}.g-b--push--d11of12{margin-left:91.666%}.g-b--pull--d1of1{margin-right:100%}.g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12{margin-right:50%}.g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12{margin-right:33.333%}.g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12{margin-right:66.666%}.g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12{margin-right:25%}.g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12{margin-right:75%}.g-b--pull--d1of5,.g-b--pull--d2of10{margin-right:20%}.g-b--pull--d2of5,.g-b--pull--d4of10{margin-right:40%}.g-b--pull--d3of5,.g-b--pull--d6of10{margin-right:60%}.g-b--pull--d4of5,.g-b--pull--d8of10{margin-right:80%}.g-b--pull--d1of6,.g-b--pull--d2of12{margin-right:16.666%}.g-b--pull--d5of6,.g-b--pull--d10of12{margin-right:83.333%}.g-b--pull--d1of8{margin-right:12.5%}.g-b--pull--d3of8{margin-right:37.5%}.g-b--pull--d5of8{margin-right:62.5%}.g-b--pull--d7of8{margin-right:87.5%}.g-b--pull--d1of10{margin-right:10%}.g-b--pull--d3of10{margin-right:30%}.g-b--pull--d7of10{margin-right:70%}.g-b--pull--d9of10{margin-right:90%}.g-b--pull--d1of12{margin-right:8.333%}.g-b--pull--d5of12{margin-right:41.666%}.g-b--pull--d7of12{margin-right:58.333%}.g-b--pull--d11of12{margin-right:91.666%}.splashscreen-dillinger{width:700px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{font-size:1.25rem;margin-bottom:.89999rem;padding-top:.10001rem}.menu .menu-item--export-as{display:block}.menu .menu-item--preview{display:none}.settings a{font-size:1.25rem}.words,.characters{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#zen{width:700px}#editor{font-size:1rem}}@media screen and (min-width:87.5em){html{font-size:.875em}body{font-size:1rem}ul,ol{margin-bottom:.83999rem;padding-top:.16001rem}p{padding-top:.66001rem}p,pre{margin-bottom:1.33999rem}pre,blockquote p{font-size:1rem;padding-top:.66001rem}blockquote p{margin-bottom:.33999rem}h1{font-size:2.0571429rem;margin-bottom:.21999rem;padding-top:.78001rem}h2{font-size:1.953125rem;margin-bottom:.1835837rem;padding-top:.8164163rem}h3{font-size:1.6457143rem;margin-bottom:.07599rem;padding-top:.92401rem}h4{font-size:1.5625rem;margin-bottom:.546865rem;padding-top:.453135rem}h5{font-size:1.25rem;margin-bottom:-.56251rem;padding-top:.56251rem}h6{font-size:1rem;margin-bottom:-.65001rem;padding-top:.65001rem}.splashscreen-dillinger{width:800px}.splashscreen p{font-size:1.25rem;margin-bottom:1.43749rem;padding-top:.56251rem}.title{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.title-document{margin-bottom:.89999rem;padding-top:.10001rem}.title-document,.settings a{font-size:1.25rem}.words,.characters{font-size:.8rem;margin-bottom:.77999rem;padding-top:.22001rem}.modal--dillinger.about .modal-dialog,#zen{font-size:1.25rem}#editor{font-size:1rem}}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}@media screen and (max-width:1200px){#_default_{max-width:30%}#_default_ ._default_{font-size:.825rem;line-height:.875rem;padding:12px 12px 6px 24px;text-align:justify}}@media screen and (max-width:1100px){#_default_{max-width:27%}#_default_ ._default_{font-size:.8rem;line-height:.85rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:1000px){#_default_{max-width:24%}#_default_ ._default_{font-size:.775rem;line-height:.8rem;padding:12px 6px 6px 24px;text-align:justify}}@media screen and (max-width:900px){#_default_{max-width:30%}}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}@media screen and (max-width:720px){#_default_{max-width:60%}#_default_ ._default_{font-size:.75rem;line-height:1rem;padding:12px 24px}}@media screen and (max-width:620px){#_default_{max-width:50%}#_default_ ._default_{font-size:.66rem;letter-spacing:1px;line-height:1rem;padding:10px 24px}}@media screen and (max-width:520px){#_default_ ._default_{font-size:.4rem;line-height:.875rem;padding:6px 12px 6px 24px;text-align:justify}}@media screen and (max-width:460px){#_default_{display:none}}@media screen and (max-width:46.1875em){.editor-header{display:none}.editor-header--first{display:block;width:100%}}</style></head><body id="preview">
<p class="has-line-data" data-line-start="0" data-line-end="1">#应用介绍</p>
<ul>
<li class="has-line-data" data-line-start="2" data-line-end="3">1、该项目为聚合资源APP，暂只支持安卓APP</li>
<li class="has-line-data" data-line-start="3" data-line-end="4">2、聚合资源包括小说、漫画、视频、直播、文章、论坛、音乐等</li>
<li class="has-line-data" data-line-start="4" data-line-end="5">3、该项目支持加载外部来源，也支持内置来源</li>
<li class="has-line-data" data-line-start="5" data-line-end="6">4、为避免版权问题，该项目不提供内置源</li>
<li class="has-line-data" data-line-start="6" data-line-end="7">5、<a href="https://gitee.com/yingbing-developer/uni-polymerize_1.git">1.0版本的好用聚合库链接</a></li>
<li class="has-line-data" data-line-start="7" data-line-end="8">6、<a href="https://www.iconfont.cn/collections/detail?cid=33">项目使用图标库</a></li>
<li class="has-line-data" data-line-start="8" data-line-end="10">7、有什么不懂的，可以加群 1087735942 聊</li>
</ul>
<p class="has-line-data" data-line-start="10" data-line-end="11">#免责声明</p>
<ul>
<li class="has-line-data" data-line-start="11" data-line-end="12">本免责声明(以下简称“免责声明”或“本声明”)适用于好用聚合项目(以下简称&quot;好用聚合&quot;)，在使用人及组织(以下简称&quot;使用者&quot;)阅读本声明后若不同意此声明中的任何条款，或对本声明存在质疑，请立刻停止使用此项目。若您已经开始或正在使用此项目，则表示您已阅读并同意本声明的所有条款之约定。</li>
<li class="has-line-data" data-line-start="12" data-line-end="13">1.使用者通过任何形式或方式使用好用聚合即表示您已经同意本声明，本声明立即自动生效。</li>
<li class="has-line-data" data-line-start="13" data-line-end="14">2.使用者使用好用聚合自行承担风险，作者不做任何形式的保证, 因代码质量、系统BUG等任何技术原因而引起的问题，作者也不承担任何法律责任。</li>
<li class="has-line-data" data-line-start="14" data-line-end="15">3.使用者保证好用聚合不用于任何违法犯罪行为，如传播色情、赌博等。</li>
<li class="has-line-data" data-line-start="15" data-line-end="16">4.使用者保证好用聚合所展示内容不涉及版权或隐私等问题。</li>
<li class="has-line-data" data-line-start="16" data-line-end="17">5.使用者保证好用聚合不用于任何商业或盈利等行为。</li>
<li class="has-line-data" data-line-start="17" data-line-end="19">6.使用者使用好用聚合违反上述任何行为所造成的一切后果均由使用者承担。</li>
</ul>
<p class="has-line-data" data-line-start="19" data-line-end="20">#源规则详解</p>
<ul>
<li class="has-line-data" data-line-start="21" data-line-end="23">内置方法</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">方法名</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">HTMLParser</td>
<td style="text-align:left">格式化html字符串，用于获取数据</td>
</tr>
<tr>
<td style="text-align:left">Base64</td>
<td style="text-align:left">base64加密和解密方法</td>
</tr>
<tr>
<td style="text-align:left">CryptoJS</td>
<td style="text-align:left">CryptoJS工具组</td>
</tr>
<tr>
<td style="text-align:left">Xhr</td>
<td style="text-align:left">xmlHttpRequest方法</td>
</tr>
<tr>
<td style="text-align:left">Http</td>
<td style="text-align:left">uni.request方法</td>
</tr>
<tr>
<td style="text-align:left">GBK</td>
<td style="text-align:left">转gbk编码格式</td>
</tr>
<tr>
<td style="text-align:left">HtmlDecode</td>
<td style="text-align:left">解密特殊字符</td>
</tr>
<tr>
<td style="text-align:left">DecodeUnicode</td>
<td style="text-align:left">三方字体解码</td>
</tr>
<tr>
<td style="text-align:left">DateFormat</td>
<td style="text-align:left">日期转换</td>
</tr>
<tr>
<td style="text-align:left">TimeFormat</td>
<td style="text-align:left">时间转换</td>
</tr>
<tr>
<td style="text-align:left">TimeToseconds</td>
<td style="text-align:left">时间转换秒数</td>
</tr>
<tr>
<td style="text-align:left">RandomSoleNumbers</td>
<td style="text-align:left">生成随机不重复数字</td>
</tr>
<tr>
<td style="text-align:left">RandomNumberString</td>
<td style="text-align:left">生成随机不重复数字字符串</td>
</tr>
<tr>
<td style="text-align:left">RandomId</td>
<td style="text-align:left">生成随机id</td>
</tr>
<tr>
<td style="text-align:left">RandomString</td>
<td style="text-align:left">生成随机字符串</td>
</tr>
<tr>
<td style="text-align:left">TypeCall</td>
<td style="text-align:left">判断变量类型</td>
</tr>
<tr>
<td style="text-align:left">TimeMinuse</td>
<td style="text-align:left">计算2个时间差的分钟数或者秒数</td>
</tr>
<tr>
<td style="text-align:left">Suffix</td>
<td style="text-align:left">获取文件名或者路径的文件后缀</td>
</tr>
<tr>
<td style="text-align:left">RemoveUrl</td>
<td style="text-align:left">移除http域名</td>
</tr>
<tr>
<td style="text-align:left">Zeroize</td>
<td style="text-align:left">给数字补零</td>
</tr>
<tr>
<td style="text-align:left">ConvertUrlQueryObject</td>
<td style="text-align:left">转化url参数为对象</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="47" data-line-end="49">关键词</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">方法名</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">&lt;if&gt;&lt;/if&gt;</td>
<td style="text-align:left">条件判断</td>
</tr>
<tr>
<td style="text-align:left">&lt;then&gt;&lt;/then&gt;</td>
<td style="text-align:left">满足条件判断执行</td>
</tr>
<tr>
<td style="text-align:left">&lt;else&gt;&lt;/else&gt;</td>
<td style="text-align:left">不满足条件判断执行</td>
</tr>
<tr>
<td style="text-align:left">&lt;js&gt;&lt;/js&gt;</td>
<td style="text-align:left">执行js</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="56" data-line-end="58">特殊转义字符</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">转义字符</th>
<th style="text-align:center">原字符</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">&amp;es;</td>
<td style="text-align:center">\</td>
<td style="text-align:left">斜杠</td>
</tr>
<tr>
<td style="text-align:left">&amp;wrap;</td>
<td style="text-align:center">\n</td>
<td style="text-align:left">换行</td>
</tr>
<tr>
<td style="text-align:left">&amp;nbsp ;</td>
<td style="text-align:center"></td>
<td style="text-align:left">空格</td>
</tr>
<tr>
<td style="text-align:left">&amp;tabu;</td>
<td style="text-align:center">\t</td>
<td style="text-align:left">制表符</td>
</tr>
<tr>
<td style="text-align:left">&amp;quot ;</td>
<td style="text-align:center">&quot;</td>
<td style="text-align:left">双引号</td>
</tr>
<tr>
<td style="text-align:left">&amp;apos ;</td>
<td style="text-align:center">’</td>
<td style="text-align:left">单引号</td>
</tr>
<tr>
<td style="text-align:left">&amp;lt ;</td>
<td style="text-align:center">&lt;</td>
<td style="text-align:left">左尖括号</td>
</tr>
<tr>
<td style="text-align:left">&amp;gt ;</td>
<td style="text-align:center">&gt;</td>
<td style="text-align:left">右尖括号</td>
</tr>
<tr>
<td style="text-align:left">&amp;oe;</td>
<td style="text-align:center">{</td>
<td style="text-align:left">左大括号</td>
</tr>
<tr>
<td style="text-align:left">&amp;ce;</td>
<td style="text-align:center">}</td>
<td style="text-align:left">右大括号</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="71" data-line-end="73">声明符</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">方法名</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">@text:</td>
<td style="text-align:left">文本声明符（直接返回文本）</td>
</tr>
<tr>
<td style="text-align:left">@sync:</td>
<td style="text-align:left">同步方法声明符</td>
</tr>
<tr>
<td style="text-align:left">@async:</td>
<td style="text-align:left">异步方法声明符</td>
</tr>
<tr>
<td style="text-align:left">@sel:</td>
<td style="text-align:left">dom方法声明符（实例化html字符串提取dom）</td>
</tr>
<tr>
<td style="text-align:left">@json:</td>
<td style="text-align:left">json方法声明符（获取json属性）</td>
</tr>
<tr>
<td style="text-align:left">@for:</td>
<td style="text-align:left">for循环声明符</td>
</tr>
<tr>
<td style="text-align:left">@map:</td>
<td style="text-align:left">map循环声明符（返回最终的列表）</td>
</tr>
<tr>
<td style="text-align:left">@filter:</td>
<td style="text-align:left">过滤声明符（过滤不满足条件的循环项）</td>
</tr>
<tr>
<td style="text-align:left">@find:</td>
<td style="text-align:left">查找声明符（找到满足条件的一项）</td>
</tr>
<tr>
<td style="text-align:left">@sort:</td>
<td style="text-align:left">排序声明符（排序）</td>
</tr>
<tr>
<td style="text-align:left">@replace:</td>
<td style="text-align:left">替换声明符（替换单个字符串）</td>
</tr>
<tr>
<td style="text-align:left">@replaceAll:</td>
<td style="text-align:left">替换全部声明符（替换所有满足条件的字符串）</td>
</tr>
<tr>
<td style="text-align:left">@plain:</td>
<td style="text-align:left">纯文本声明符（去除文本中的所有html标签和换行符只保留文本内容）</td>
</tr>
<tr>
<td style="text-align:left">@split:</td>
<td style="text-align:left">分割声明符（分割字符串为数组）</td>
</tr>
<tr>
<td style="text-align:left">@string:</td>
<td style="text-align:left">转化字符串声明符（将数组转化为字符串等同于toString）</td>
</tr>
<tr>
<td style="text-align:left">@dateFormat:</td>
<td style="text-align:left">日期格式转换声明符</td>
</tr>
<tr>
<td style="text-align:left">@join:</td>
<td style="text-align:left">数组转字符串声明符</td>
</tr>
<tr>
<td style="text-align:left">@slice:</td>
<td style="text-align:left">字符串和数组切割声明符</td>
</tr>
<tr>
<td style="text-align:left">@trim:</td>
<td style="text-align:left">修剪声明符（去除字符串左右空格）</td>
</tr>
<tr>
<td style="text-align:left">@have:</td>
<td style="text-align:left">包含声明符（判断字符串中是否包含某个字符串）</td>
</tr>
<tr>
<td style="text-align:left">@unhave:</td>
<td style="text-align:left">不包含声明符（判断字符串中是否不包含某个字符串）</td>
</tr>
<tr>
<td style="text-align:left">@equal:</td>
<td style="text-align:left">相等声明符（判断两个参数是否相等）</td>
</tr>
<tr>
<td style="text-align:left">@unequal:</td>
<td style="text-align:left">不等声明符（判断两个参数是否不等）</td>
</tr>
<tr>
<td style="text-align:left">@eval:</td>
<td style="text-align:left">字符串转函数声明符（尝试转换字符串为函数）</td>
</tr>
<tr>
<td style="text-align:left">@query:</td>
<td style="text-align:left">链接参数获取并转换对象声明符（将url链接上拼接的参数转化为对象并返回）</td>
</tr>
<tr>
<td style="text-align:left">@match:</td>
<td style="text-align:left">正则匹配声明符（使用正则表达式匹配字符串中的字符）</td>
</tr>
<tr>
<td style="text-align:left">@reverse:</td>
<td style="text-align:left">反转声明符（反转数组）</td>
</tr>
<tr>
<td style="text-align:left">@encodeUri:</td>
<td style="text-align:left">转义声明符（等同于js的encodeURIComponent）</td>
</tr>
<tr>
<td style="text-align:left">@decodeUri:</td>
<td style="text-align:left">反转义声明符（等同于js的decodeURIComponent）</td>
</tr>
<tr>
<td style="text-align:left">@objectKeys:</td>
<td style="text-align:left">对象key属性整合数组声明符（等同于js的Object.keys）</td>
</tr>
<tr>
<td style="text-align:left">@objectArray:</td>
<td style="text-align:left">对象转换数组声明符（将对象转化为数组）</td>
</tr>
<tr>
<td style="text-align:left">@upper:</td>
<td style="text-align:left">大写字母声明符（转化小写字母为大写字母）</td>
</tr>
<tr>
<td style="text-align:left">@lower:</td>
<td style="text-align:left">小写字母声明符（转化大写字母为小写字母）</td>
</tr>
<tr>
<td style="text-align:left">@response:</td>
<td style="text-align:left">返回结果声明符（直接使用该返回结果）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="110" data-line-end="111">使用示例:</li>
</ul>
<pre><code class="has-line-data" data-line-start="112" data-line-end="315" class="language-json">//@text:使用示例
{
    "test1": "@text:玄幻小说",//通常形式（输出 "玄幻小说"）
    "test2": "玄幻小说",//当没有其它声明符时可省略（输出 "玄幻小说"）
    "test3": "@text:@sync:return '玄幻小说'",//当有其它声明符时不可省略（输出 "@sync:return '玄幻小说'"）
    "test4": "@text:你好这是一本&lt;js&gt;@sync:return '玄幻小说'&lt;/js&gt;"//配合&lt;js&gt;&lt;/js&gt;可以选择编译任意声明符而不是直接输出文本（输出 "你好这是一本玄幻小说"）
}

//@sync:使用示例
{
    "test1": "@sync:return '玄幻小说'",//普通用法（输出 "玄幻小说"）
    "test2": "@sync:return '玄幻小说'@sync:return lastResult.replace('小说','')",//继承上类规则结果lastResult（输出 "玄幻"）
    "test3": "@sync:return Suffix('这是一个文件.mp4')"//调用内置方法（输出 "mp4"）
}

//@async:使用示例
{
    "test1": "@async:return await Http.get('https://www.baidu.com')",//普通用法（输出 "百度页面的html"）
    "test2": "@sync:return 'https://www.baidu.com'@async:return await Http.get(lastResult)"//继承上类规则结果lastResult（输出 "百度页面的html"）
}

//@json:使用示例
{
    "test1": "@sync:return {'name': '名字', value: '123'}@json:name",//调用对象（输出 "名字"）
    "test2": "@sync:return {list: ['你好', '不好', '很好']}@json:list[1]"//调用数组（输出 "不好"）
}

//@sel:使用示例
{
    "test1": "@sel:id.text&gt;&gt;text",//id选择器 假设有html文本 &lt;span id="text"&gt;玄幻小说&lt;/span&gt;（输出 "玄幻小说"）
    "test2": "@sel:class.text[0]&gt;&gt;text",//class选择器 假设有html文本 &lt;span class="text"&gt;玄幻小说&lt;/span&gt;（输出 "玄幻小说"）
    "test3": "@sel:tag.span[0]&gt;&gt;text",//tag选择器 假设有html文本 &lt;span&gt;玄幻小说&lt;/span&gt;（输出 "玄幻小说"）
    "test4": "@sel:class.item[0]&gt;&gt;class.text[1]&gt;&gt;text",
    //多层选择 假设有html文本 &lt;div class="item"&gt;&lt;span class="text"&gt;玄幻小说&lt;/span&gt;&lt;span class="text"&gt;悬疑小说&lt;/span&gt;&lt;/div&gt;（输出 "悬疑小说"）
    "test5": "@sel:class.text[0]&gt;&gt;attr.title",//获取标签属性 假设有html文本 &lt;span class="text" title="玄幻小说"&gt;&lt;/span&gt;（输出 "玄幻小说"）
    "test6": "@sel:id.item&gt;&gt;content",//获取innerHTML内容 假设有html文本 &lt;div id="item"&gt;&lt;span&gt;玄幻小说&lt;/span&gt;&lt;/div&gt;（输出 "&lt;span&gt;玄幻小说&lt;/span&gt;"）
    "test6": "@sel:id.item&gt;&gt;html",//获取outerHTML内容 假设有html文本 &lt;div id="item"&gt;&lt;span&gt;玄幻小说&lt;/span&gt;&lt;/div&gt;（输出 "&lt;div id="item"&gt;&lt;span&gt;玄幻小说&lt;/span&gt;&lt;/div&gt;"）
}

//@for:使用示例
{
    "test1": "@sync:return [{name: '玄幻'},{name: '悬疑'}]@for:result.push(item.name)"//普通用法（输出 "['玄幻', '悬疑']"）
}

//@map:使用示例
{
    "test1": "@sync:return [{name: '玄幻'},{name: '悬疑'}]@map:item.name",//普通用法（输出 "['玄幻', '悬疑']"）
    "test2": "@sync:return [{name: '玄幻', value: 1},{name: '悬疑', value: 2}]@map:{ return item.name + item.value}"//复杂用法（输出 "['玄幻1', '悬疑2']"）
}

//@filter:使用示例
{
    "test1": "@sync:return [{name: '玄幻'},{name: '悬疑'},{name: '古风'}]@filter:item.name == '玄幻'",//普通用法（输出 "[{name: '玄幻'}]"）
    "test2": "@sync:return [{name: '玄幻', value: 1},{name: '悬疑', value: 2}]@filter:{ return item.name == '悬疑' &amp;&amp; item.value == 2}"//复杂用法（输出 "[{name: '悬疑', value: 2}]"）
}

//@sort:使用示例
{
    "test1": "@sync:return [4,1,6,8,10]@sort:a-b",//普通用法（输出 "[1,4,6,8,10]"）
    "test2": "@sync:return [{name: '悬疑', value: 2}, {name: '玄幻', value: 1}, {name: '古风', value: 3}]@sort:{ return a.value - b.value }"//复杂用法（输出 "[{name: '玄幻', value: 1}, {name: '悬疑', value: 2}, {name: '古风', value: 3}]"）
}

//@find:使用示例
{
    "test1": "@sync:return [{name: '悬疑'}, {name: '玄幻'}, {name: '古风'}]@find:item.name == '悬疑'",//普通用法（输出 "{name: '悬疑'}"）
    "test2": "@sync:return [{name: '悬疑'}, {name: '玄幻'}, {name: '古风'}]@find:{ var name = '悬疑';return item.name == name }"//复杂用法（输出 "{name: '悬疑'}"）
}

//@replace:使用示例
{
    "test1": "@sync:return '玄幻小说'@replace:小说&gt;&gt;漫画",//普通用法（输出 "玄幻漫画"）
    "test2": "@sync:return '玄幻小说'@replace:小说"//替换字符串为空（输出 "玄幻"）
}

//@replaceAll:使用示例
{
    "test1": "@sync:return '玄幻小说科幻小说'@replaceAll:小说&gt;&gt;漫画",//普通用法（输出 "玄幻漫画科幻漫画"）
    "test2": "@sync:return '玄幻小说科幻小说'@replaceAll:小说"//替换字符串为空（输出 "玄幻科幻"）
}

//@plain:使用示例
{
    "test1": "@sync:return '&lt;p&gt;玄幻小说&lt;/p&gt;'@plain:"//普通用法（输出 "玄幻小说"）
}

//@split:使用示例
{
    "test1": "@sync:return '玄幻,科幻'@split:,",//普通用法（输出 "['玄幻', '科幻']"）
    "test2": "@sync:return '玄幻,科幻'@split:,&gt;&gt;1"//指定下标（输出 "科幻"）
}

//@string:使用示例
{
    "test1": "@sync:return ['玄幻','科幻','古风']@string:",//普通用法（输出 "玄幻,科幻,古风"）
    "test2": "@sync:return 10@string:2",//转换2进制（输出 "1010"）
    "test3": "@sync:return 10@string:16"//转换16进制（输出 "A"）
}

//@dateFormat:使用示例
{
    "test1": "@sync:return 1695608527060@dateFormat:",//时间戳转换（输出 "2023-09-25 10:23:21"）
    "test2": "@sync:return 1695608527060@dateFormat:yyyy-mm-dd",//只转换日期（输出 "2023-09-25"）
    "test3": "@sync:return 1695608527060@dateFormat:hh:mm:ss"//只转换时间（输出 "10:23:21"）
}

//@join:使用示例
{
    "test1": "@sync:return ['玄幻','科幻','古风']@join:;"//普通用法（输出 "玄幻;科幻;古风"）
}

//@slice:使用示例
{
    "test1": "@sync:return '玄幻小说'@slice:0&gt;&gt;1",//截取字符串（输出 "玄"）
    "test1": "@sync:return ['玄幻', '科幻']@slice:0&gt;&gt;1",//截取数组（输出 "['玄幻']"）
    "test1": "@sync:return '玄幻小说'@slice:1"//不传最后位置默认截取到最后（输出 "幻小说"）
}

//@trim:使用示例
{
    "test1": "@sync:return ' 这是一段2边有空格的文本 '@trim:"//普通用法（输出："这是一段2边有空格的文本"）
}

//@have:使用示例
{
    "test1": "@sync:return '这本小说已完结'@have:已完结"//普通用法（输出："true"）
}

//@equal:使用示例
{
    "test1": "@sync:return 500@equal:50"//普通用法（输出："false"）
}

//@unequal:使用示例
{
    "test1": "@sync:return 500@unequal:50"//普通用法（输出："true"）
}

//@eval:使用示例
{
    "test1": "@sync:return 'function () { return [1,2,3,4,5] }'@eval:",//普通用法（输出："[1,2,3,4,5]"）
    "test2": "@sync:return '[1,2,3,4,5]'@eval:function"//普通字符串强制转化为function用法（输出："[1,2,3,4,5]"）
}

//@query:使用示例
{
    "test1": "@sync:return '/article/read.html?id=150&amp;c=123'@query:",//普通用法（输出："{id: 150, c: 123}"）
}

//@match:使用示例
{
    "test1": "@sync:return '你看过这本小说吗这是一本不错的小说'@match:小说&gt;&gt;小说",//普通用法（输出："['小说吗这是一本不错的小说', '吗这是一本不错的']"）
    "test2": "@sync:return '/article/150215.html'@match:article&amp;es;/&gt;&gt;.html&gt;&gt;1"//复杂用法（输出："150215"）
}

//@reverse:使用示例
{
    "test1": "@sync:return [1,2,3]@reverse:"//普通用法（输出："[3,2,1]"）
}

//@encodeUri:使用示例
{
    "test1": "@sync:return '?id=123&amp;c=123'@encodeUri:"//普通用法（输出："id%3D123%26c%3D123"）
}

//@decodeUri:使用示例
{
    "test1": "@sync:return 'id%3D123%26c%3D123'@decodeUri:"//普通用法（输出："?id=123&amp;c=123"）
}

//@objectKeys:使用示例
{
    "test1": "@sync:return {name: 1, value: 2}@objectKeys:"//普通用法（输出："['name', 'value']"）
}

//@objectArray:使用示例
{
    "test1": "@sync:return {name: 1, value: 2}@objectArray:"//普通用法（输出："[1, 2]"）
}

//@upper:使用示例
{
    "test1": "@sync:return 'name'@upper:"//普通用法（输出："NAME"）
}

//@lower:使用示例
{
    "test1": "@sync:return 'NAME'@lower:"//普通用法（输出："name"）
}

//@response:使用示例
{
    "list": "@sel:class.item",//获取class为item的所有元素,输出数组
    "title": "@sel:text",//获取每一项中的文本内容
    "description": "@response:@sel:class.intro&gt;&gt;text"//通过response声明该项不从列表中获取数据，直接指定从元数据中获取
}

//&lt;if&gt;&lt;/if&gt;&lt;then&gt;&lt;/then&gt;&lt;else&gt;&lt;/else&gt;使用示例
{
    "test1": "&lt;if&gt;@sync:return true&lt;/if&gt;&lt;then&gt;@sync: return '正确'&lt;/then&gt;",//（输出："正确"）
    "test2": "&lt;if&gt;@sync:return false&lt;/if&gt;&lt;then&gt;@sync: return '正确'&lt;/then&gt;&lt;else&gt;@sync: return '错误'&lt;/else&gt;"//（输出："错误"）
}

</code></pre>
<p class="has-line-data" data-line-start="316" data-line-end="317">#源规则基本结构</p>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">id</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用唯一id</td>
</tr>
<tr>
<td style="text-align:left">name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用名称</td>
</tr>
<tr>
<td style="text-align:left">type</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用类型</td>
</tr>
<tr>
<td style="text-align:left">creator</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用创建者</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用简介</td>
</tr>
<tr>
<td style="text-align:left">versionCode</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">100</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用版本号</td>
</tr>
<tr>
<td style="text-align:left">versionName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">1.0.0</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用版本名称</td>
</tr>
<tr>
<td style="text-align:left">href</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用主域名（在请求缺少域名时会使用该域名拼接）</td>
</tr>
<tr>
<td style="text-align:left">logo</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用图标网络路径</td>
</tr>
<tr>
<td style="text-align:left">themeColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">主题颜色</td>
</tr>
<tr>
<td style="text-align:left">cacheEfficiency</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">100000</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求结果缓存有效时间</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否包含敏感内容</td>
</tr>
<tr>
<td style="text-align:left">dynamic</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">动态域名请求规则</td>
</tr>
<tr>
<td style="text-align:left">globalStyle</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">公共样式</td>
</tr>
<tr>
<td style="text-align:left">tabbar</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用底部导航栏</td>
</tr>
<tr>
<td style="text-align:left">pages</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用页面集合</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="337" data-line-end="339">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="340" data-line-end="359" class="language-json">{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "themeColor": "#F5F5F5",//主题颜色
    "cacheEfficiency": 100000,//缓存有效时间
    "isAdult": 0,//是否敏感
    "dynamic": {},//动态链接请求
    "globalStyle": {},//应用公共样式
    "tabbar": {},//应用tabbar
    "pages": []//应用页面列表
}
</code></pre>
<p class="has-line-data" data-line-start="360" data-line-end="361">#request（请求）</p>
<ul>
<li class="has-line-data" data-line-start="362" data-line-end="363">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="363" data-line-end="365">在请求中的属性出现{{}}双大括号包裹的内容表示动态绑定 例：“url”: “/cat/1.html?&amp;page={{page}}”，page表示当前的页数</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求链接</td>
</tr>
<tr>
<td style="text-align:left">device</td>
<td style="text-align:center">String</td>
<td style="text-align:center">电脑</td>
<td style="text-align:center">电脑/手机</td>
<td style="text-align:left">请求平台</td>
</tr>
<tr>
<td style="text-align:left">method</td>
<td style="text-align:center">String</td>
<td style="text-align:center">get</td>
<td style="text-align:center">get/post/postget</td>
<td style="text-align:left">请求方式</td>
</tr>
<tr>
<td style="text-align:left">params</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求参数</td>
</tr>
<tr>
<td style="text-align:left">header</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求头</td>
</tr>
<tr>
<td style="text-align:left">timeout</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10000</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求超时时间</td>
</tr>
<tr>
<td style="text-align:left">charset</td>
<td style="text-align:center">String</td>
<td style="text-align:center">utf-8</td>
<td style="text-align:center">utf-8/gbk</td>
<td style="text-align:left">请求编码格式</td>
</tr>
<tr>
<td style="text-align:left">response</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求结果处理规则</td>
</tr>
<tr>
<td style="text-align:left">cacheEfficiency</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10000</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求结果缓存时间</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="377" data-line-end="379">可能出现的动态绑定数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">page</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">当前页数</td>
</tr>
<tr>
<td style="text-align:left">keyword</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">搜索关键字（页面开启搜索功能后）</td>
</tr>
<tr>
<td style="text-align:left">$ + 序号（例：$1）</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">$1/$2/$3/…</td>
<td style="text-align:left">filter（筛选页）选中的选项值</td>
</tr>
<tr>
<td style="text-align:left">left</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">linkage（双向联动页面）左边选项栏选中值</td>
</tr>
<tr>
<td style="text-align:left">top</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">linkage（双向联动页面）顶部选项栏选中值</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="387" data-line-end="389">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="390" data-line-end="401" class="language-json">{
    "request": {
        "url": "https://www.test.com/cat/1.html?&amp;page={{page}}",//请求链接
        "params": {
            "sort": "{{$1}}",
            "sign": "{{$2}}"
        },
        "device": "电脑"//请求平台
    }//请求
}
</code></pre>
<p class="has-line-data" data-line-start="402" data-line-end="403">#dynamic（动态域名请求规则）（同上方request结构相同，只是多了result结果返回）</p>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">result</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">最后返回的结果规则</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="408" data-line-end="410">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="411" data-line-end="429" class="language-json">{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "dynamic": {
        "url": "https://www.test.com",//请求链接
        "deivce": "电脑",//请求平台
        "result": "@sel:class.link&gt;&gt;attr.href"//返回结果
    }
}
</code></pre>
<p class="has-line-data" data-line-start="430" data-line-end="431">#页面样式</p>
<ul>
<li class="has-line-data" data-line-start="432" data-line-end="433">globalStyle（默认样式）</li>
<li class="has-line-data" data-line-start="433" data-line-end="435">darkStyle（暗黑样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">navigationTitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部导航栏标题</td>
</tr>
<tr>
<td style="text-align:left">navigationTextColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部导航栏文字颜色</td>
</tr>
<tr>
<td style="text-align:left">navigationCapsuleStyle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">auto</td>
<td style="text-align:center">dark/light/auto</td>
<td style="text-align:left">胶囊按钮样式</td>
</tr>
<tr>
<td style="text-align:left">navigationBackground</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部导航栏背景（支持网络图片路径）</td>
</tr>
<tr>
<td style="text-align:left">navigationBackgroundOpacity</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部导航栏背景透明度</td>
</tr>
<tr>
<td style="text-align:left">enableNavigationTransparent</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启顶部导航栏背景透明</td>
</tr>
<tr>
<td style="text-align:left">enableNavigationCapsuleBorder</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启胶囊按钮边框</td>
</tr>
<tr>
<td style="text-align:left">enableNavigationSearchInput</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启顶部导航栏搜索框</td>
</tr>
<tr>
<td style="text-align:left">navigationSearchInputUrl</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部导航栏搜索框点击跳转链接（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">navigationInputBackgroundColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部导航栏搜索框背景色</td>
</tr>
<tr>
<td style="text-align:left">navigationInputTextColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部导航栏搜索框提示文字颜色</td>
</tr>
<tr>
<td style="text-align:left">enablePulldown</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启下拉刷新</td>
</tr>
<tr>
<td style="text-align:left">enableLoadmore</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启上拉加载更多</td>
</tr>
<tr>
<td style="text-align:left">enableBackTop</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启返回顶部按钮</td>
</tr>
<tr>
<td style="text-align:left">enableBounce</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启页面回弹</td>
</tr>
<tr>
<td style="text-align:left">enableSwiper</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启左右滑动（仅支持filter/linkage/column/user类型页面）</td>
</tr>
<tr>
<td style="text-align:left">enableSearch</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启搜索功能（仅支持module/column/filter/linkage类型页面）</td>
</tr>
<tr>
<td style="text-align:left">enableTopGap</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启顶部间隔</td>
</tr>
<tr>
<td style="text-align:left">enableFilterIcon</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">强制开启筛选页面的筛选图标（仅支持filter页面）</td>
</tr>
<tr>
<td style="text-align:left">backTopImage</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">自定义返回按钮网络图片路径</td>
</tr>
<tr>
<td style="text-align:left">pulldownRefreshImage</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">自定义下拉刷新图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">background</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">页面背景（支持网络图片路径）</td>
</tr>
<tr>
<td style="text-align:left">backgroundBlur</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">页面背景高斯模糊</td>
</tr>
<tr>
<td style="text-align:left">pageMarginGap</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">20</td>
<td style="text-align:center">----</td>
<td style="text-align:left">页面左右边距</td>
</tr>
<tr>
<td style="text-align:left">componentBackgroundOpacity</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">统一设置页面组件背景透明度</td>
</tr>
<tr>
<td style="text-align:left">subsectionMainIndex</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏tabs的主要索引（仅支持filter页面）</td>
</tr>
<tr>
<td style="text-align:left">subsectionColumn</td>
<td style="text-align:center">Number/String</td>
<td style="text-align:center">auto</td>
<td style="text-align:center">auto/任意整数</td>
<td style="text-align:left">选项栏tabs列数（仅支持filter/linkage/column/user类型页面）</td>
</tr>
<tr>
<td style="text-align:left">subsectionBackgroundColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏tabs背景色（仅支持filter/linkage/column/user类型页面）</td>
</tr>
<tr>
<td style="text-align:left">subsectionSelectedColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏tabs选中高亮色（仅支持filter/linkage/column/user类型页面）</td>
</tr>
<tr>
<td style="text-align:left">loadingColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">加载提示色</td>
</tr>
<tr>
<td style="text-align:left">themeColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">应用主题色（统一设置高亮色）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="469" data-line-end="471">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="472" data-line-end="492" class="language-json">{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "globalStyle": {
        "navigationTitle": "首页",//导航栏标题
        "navigationTextColor": "#333333",//导航栏文字颜色
        "darkStyle": {//暗黑模式
            "navigationTextColor": "#999999",//导航栏文字颜色
        }
    }
}
</code></pre>
<p class="has-line-data" data-line-start="493" data-line-end="494">#tabbar（底部导航栏）</p>
<ul>
<li class="has-line-data" data-line-start="495" data-line-end="496">style（默认样式）</li>
<li class="has-line-data" data-line-start="496" data-line-end="498">darkStyle（暗黑样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">background</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">底部导航栏背景（支持网络图片路径）</td>
</tr>
<tr>
<td style="text-align:left">color</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">底部导航栏默认颜色</td>
</tr>
<tr>
<td style="text-align:left">selectedColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">底部导航栏选中高亮颜色</td>
</tr>
<tr>
<td style="text-align:left">backgroundOpacity</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">底部导航栏背景透明</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="505" data-line-end="507">list（底部导航栏列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">绑定页面名称</td>
</tr>
<tr>
<td style="text-align:left">icon</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">默认图标 可使用网络图片路径或者<a href="https://www.iconfont.cn/collections/detail?cid=33">图标库</a></td>
</tr>
<tr>
<td style="text-align:left">selectedIcon</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选中显示图标 可使用网络图片路径或者<a href="https://www.iconfont.cn/collections/detail?cid=33">图标库</a></td>
</tr>
<tr>
<td style="text-align:left">text</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">文字</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="514" data-line-end="516">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="517" data-line-end="553" class="language-json">{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "tabbar": {
        "style": {
            "background": "#ffffff",//tabbar背景
            "color": "#cccccc",//默认颜色
            "selectedColor": "#333333",//选中颜色
            "darkStyle": {
                "background": "#050505",//tabbar背景
                "color": "#999999",//默认颜色
                "selectedColor": "#cccccc",//选中颜色
            }//暗黑模式 结构和style一样
        },
        "list": [{
            "name": "index",//页面名称
            "icon": "home",//默认图标
            "selectedIcon": "home_fill",//选中图标
            "text": "首页"//文字
        },{
            "name": "filter",//页面名称
            "icon": "form",//默认图标
            "selectedIcon": "form_fill",//选中图标
            "text": "分类"//文字
        }]//tabbar列表
    },//应用tabbar
}
</code></pre>
<p class="has-line-data" data-line-start="554" data-line-end="555">#pages（页面）</p>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">name</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">页面名称</td>
</tr>
<tr>
<td style="text-align:left">style</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">页面样式（详情查看上方globStyle）</td>
</tr>
<tr>
<td style="text-align:left">type</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">module/filter/column/linkage/short/user/novel/comic/article/picture/video/audio/live</td>
<td style="text-align:left">页面类型</td>
</tr>
</tbody>
</table>
<p class="has-line-data" data-line-start="562" data-line-end="563">#页面跳转</p>
<ul>
<li class="has-line-data" data-line-start="564" data-line-end="566">1、通过每个页面的name来实现跳转，例如：</li>
</ul>
<pre><code class="has-line-data" data-line-start="567" data-line-end="594" class="language-json">{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "search-input",
                "style": {
                    "url": "search",//跳转name为search的规则页面
                    "placeholder": "点击搜索内容",//提示文字
                    "borderRadius": 10//圆角
                }
            }
        ]
    },{
        "name": "search",
        "type": "module",
        "style": {
            "navigationTitle": "搜索页面",
            "enableSearch": 1//开启搜索功能
        }
    }]//应用页面列表
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="595" data-line-end="597">2、跳转时可以携带参数，例如：</li>
</ul>
<pre><code class="has-line-data" data-line-start="598" data-line-end="632" class="language-json">{
    "<span class="hljs-attribute">pages</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"index"</span></span>,
        "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"module"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"列表"</span>
        </span>}</span>,
        "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">staticData</span>": <span class="hljs-value">[{
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"detail?id=123"</span>//跳转时携带id参数
            </span>}]
        </span>}
    </span>}, {
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"detail"</span></span>,
        "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"novel"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"详情"</span>
        </span>}</span>,
        "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/detail/{{id}}.html"</span>//可以在请求当中动态绑定传过来的参数
            </span>}</span>,
            "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"......"</span>
            </span>}
        </span>}
    </span>}]//应用页面列表
</span>}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="633" data-line-end="635">3、跳转时可以携带固定参数来实现修改跳转页面的样式，例如：</li>
</ul>
<pre><code class="has-line-data" data-line-start="636" data-line-end="671" class="language-json">{
    "<span class="hljs-attribute">pages</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"index"</span></span>,
        "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"module"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"列表"</span>
        </span>}</span>,
        "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">staticData</span>": <span class="hljs-value">[{
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"detail?id=123&amp;background=https://www.test.com/images/151545.png"</span>//跳转时background参数，该参数会覆盖掉跳转页面style样式中的background
            </span>}]
        </span>}
    </span>}, {
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"detail"</span></span>,
        "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"novel"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"详情"</span></span>,
            "<span class="hljs-attribute">background</span>": <span class="hljs-value"><span class="hljs-string">"#f5f5f5"</span>//跳转参数中携带background，则该样式会被覆盖
        </span>}</span>,
        "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/detail/{{id}}.html"</span>//可以在请求当中动态绑定传过来的参数
            </span>}</span>,
            "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"......"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"......"</span>
            </span>}
        </span>}
    </span>}]//应用页面列表
</span>}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="672" data-line-end="674">4、跳转时可以携带固定参数来实现修改拥有选项栏页面的默认选项（比如column, filter, linkage页面）：</li>
</ul>
<pre><code class="has-line-data" data-line-start="675" data-line-end="707" class="language-json">{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "menu",
                "style": {
                    "column": 2,
                    "columnGap": 15
                },
                "staticData": [,{
                    "icon": "close",
                    "title": "韩漫",
                    "url": "type?$2=2"//跳转参数中携带（$+数字）,filter页面默认选中第二个选项栏值为1的选项
                },{
                    "icon": "close",
                    "title": "日漫",
                    "url": "art?selected=1"//跳转时携带selected参数，column页面默认显示第二栏
                },{
                    "icon": "close",
                    "title": "排行",
                    "url": "rank?top=3&amp;left=4"//跳转时携带top和left参数，linkage页面默认选中顶部导航栏值为3的选项和侧边导航栏值为4的选项
                }]
            }
        ]
    }]
}
</code></pre>
<p class="has-line-data" data-line-start="708" data-line-end="709">#module（模块页）</p>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（具体见下方cell单元格讲解）</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件集合（具体见下方components组件讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="715" data-line-end="717">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="718" data-line-end="758" class="language-json">{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "search-input",
                "style": {
                    "url": "search",//跳转name为search的规则页面
                    "placeholder": "点击搜索内容",//提示文字
                    "borderRadius": 10//圆角
                }
            }
        ],
        "cell": {
            "style": {
                "cellName": "h-cell",
                "cellImageWidth": 160,
                "cellImageHeight": 220,
                "cellDescriptionLines": 4
            },
            "request": {
                "url": "/index",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.rank-book-list[0]&gt;&gt;tag.a",
                "title": "@sel:class.book-name[0]&gt;&gt;text",
                "cover": "@sel:class.book-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src",
                "subtitle": "@sel:class.book-extra[0]&gt;&gt;text",
                "description": "@sel:class.book-intro[0]&gt;&gt;text",
                "url": "book?id=&lt;js&gt;@sel:attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"
            }
        }
    }]//应用页面列表
}
</code></pre>
<p class="has-line-data" data-line-start="759" data-line-end="760">#filter（筛选页）</p>
<ul>
<li class="has-line-data" data-line-start="761" data-line-end="762">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="762" data-line-end="763">filter页面如果有多个选项栏默认会折叠只显示一行，样式中subsectionMainIndex用于控制折叠后显示哪一个选项栏</li>
<li class="has-line-data" data-line-start="763" data-line-end="765">选中的选项栏的值会以（$ + 序号）的方式传给cell单元格列表的请求中，如第一行选项栏的值为（$1）例：“url”: “/cat/{{$1}}.html”</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">subsection</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏tabs</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（具体见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="770" data-line-end="772">subsection（选项栏）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">staticData</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">静态数据</td>
</tr>
<tr>
<td style="text-align:left">request</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求（详情见上方request请求讲解）</td>
</tr>
<tr>
<td style="text-align:left">dynamicData</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">动态数据</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="778" data-line-end="780">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">label</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏标题</td>
</tr>
<tr>
<td style="text-align:left">children</td>
<td style="text-align:center">Array/Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏集合</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="785" data-line-end="787">children</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">label</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏标题</td>
</tr>
<tr>
<td style="text-align:left">value</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏绑定值</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="792" data-line-end="794">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="795" data-line-end="878" class="language-json">{
    "pages": [{
        "name": "type",
        "type": "filter",
        "style": {
            "navigationTitle": "小说分类",
            "background": "#fff",
            "subsectionMainIndex": 2,
            "enableSwiper": 0,
            "enableNavigationSearchInput": 1,
            "navigationSearchInputUrl": "search",
            "enableLoadmore": 1
        },
        "darkStyle": {
            "background": "#131313"
        },
        "subsection": {
            "request": {
                "url": "/cat/-1.html",
                "device": "电脑"
            },
            "staticData": [{
                "label": "排序",
                "children": [{
                    "label": "综合排序",
                    "value": "hot"
                },{
                    "label": "最多援力",
                    "value": "supp"
                },{
                    "label": "最多收藏",
                    "value": "fav"
                },{
                    "label": "最多字数",
                    "value": "wrods"
                },{
                    "label": "最近更新",
                    "value": "updates"
                }]
            }],//静态数据
            "dynamicData": [{
                "label": "@sel:class.search-condition[1]&gt;&gt;class.condition-type[0]&gt;&gt;text",
                "children": {
                    "list": "@sel:class.search-condition[1]&gt;&gt;tag.li",
                    "label": "@sel:tag.a[0]&gt;&gt;text",
                    "value": "@sel:tag.a[0]&gt;&gt;attr.href@split:sign=&gt;&gt;1"
                }
            },{
                "label": "@sel:class.search-condition[2]&gt;&gt;class.condition-type[0]&gt;&gt;text",
                "children": {
                    "list": "@sel:class.search-condition[2]&gt;&gt;class.special",
                    "label": "@sel:tag.a[0]&gt;&gt;text",
                    "value": "@sel:tag.a[0]&gt;&gt;attr.href@match:cat&amp;es;/&gt;&gt;.html&gt;&gt;1"
                }
            }]//动态数据
        },
        "cell": {
            "style": {
                "cellImageWidth": 160,
                "cellImageHeight": 220,
                "cellDescriptionLines": 4
            },
            "request": {
                "url": "/cat/{{$3}}.html",
                "device": "电脑",
                "params": {
                    "sort": "{{$1}}",
                    "sign": "{{$2}}",
                    "page": "{{page}}"
                }
            },
            "dynamicData": {
                "list": "@sel:class.rank-book-list[0]&gt;&gt;class.rank-book",
                "title": "@sel:class.book-name[0]&gt;&gt;text",
                "cover": "@sel:class.book-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src",
                "subtitle": "@sel:class.book-extra[0]&gt;&gt;text",
                "description": "@sel:class.book-intro[0]&gt;&gt;text",
                "url": "book?id=&lt;js&gt;@sel:class.book-mask-left[0]&gt;&gt;attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"
            }
        }
    }]//应用页面列表
}
</code></pre>
<p class="has-line-data" data-line-start="879" data-line-end="880">#column（分栏页）</p>
<ul>
<li class="has-line-data" data-line-start="881" data-line-end="882">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="882" data-line-end="884">column页面结构和module（模块页）基本一样，只是多了一层subsection包裹</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">subsection</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏tabs和页面类容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="888" data-line-end="890">subsection</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">label</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">分栏标题</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件集合（具体见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（具体见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="896" data-line-end="898">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="899" data-line-end="957" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"article"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"column"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"文章列表"</span></span>,
        "<span class="hljs-attribute">background</span>": <span class="hljs-value"><span class="hljs-string">"#fff"</span></span>,
        "<span class="hljs-attribute">enableNavigationSearchInput</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">navigationSearchInputUrl</span>": <span class="hljs-value"><span class="hljs-string">"search"</span></span>,
        "<span class="hljs-attribute">enableSwiper</span>": <span class="hljs-value"><span class="hljs-number">0</span>
    </span>}</span>,
    "<span class="hljs-attribute">darkStyle</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">background</span>": <span class="hljs-value"><span class="hljs-string">"#131313"</span>
    </span>}</span>,
    "<span class="hljs-attribute">subsection</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"轻之专栏"</span></span>,
        "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
                "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
                "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">280</span>
            </span>}</span>,
            "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/article/list?cat=1&amp;page={{page}}"</span></span>,
                "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
            </span>}</span>,
            "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.article-list[0]&gt;&gt;class.media"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.media-object[0]&gt;&gt;attr.alt"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.media-object[0]&gt;&gt;attr.src"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.text-muted[0]&gt;&gt;text"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"articledetail?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@match:article&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
            </span>}
        </span>}
        
    </span>},{
        "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"作者须知&amp;公告"</span></span>,
        "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
                "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
                "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">280</span>
            </span>}</span>,
            "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/article/list?cat=2&amp;page={{page}}"</span></span>,
                "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
            </span>}</span>,
            "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.article-list[0]&gt;&gt;class.media"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.media-object[0]&gt;&gt;attr.alt"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.media-object[0]&gt;&gt;attr.src"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.text-muted[0]&gt;&gt;text"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"articledetail?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@match:article&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>}]
</span>}
</code></pre>
<p class="has-line-data" data-line-start="958" data-line-end="959">#linkage（双向联动页）</p>
<ul>
<li class="has-line-data" data-line-start="960" data-line-end="961">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="961" data-line-end="962">选中的顶部选项栏的值会top方式传给cell单元格列表的请求中，例：“url”: “/cat/{{top}}.html”</li>
<li class="has-line-data" data-line-start="962" data-line-end="964">选中的左边选项栏的值会left方式传给cell单元格列表的请求中，例：“url”: “/cat/{{left}}.html”</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">topSubsection</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部选项栏tabs</td>
</tr>
<tr>
<td style="text-align:left">leftSubsection</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">左边选项栏tabs</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（具体见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="970" data-line-end="972">topSubsection（顶部选项栏）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">staticData</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">静态数据</td>
</tr>
<tr>
<td style="text-align:left">request</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求（详情见上方request请求讲解）</td>
</tr>
<tr>
<td style="text-align:left">dynamicData</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">动态数据</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="978" data-line-end="980">leftSubsection（左边选项栏）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">staticData</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">静态数据</td>
</tr>
<tr>
<td style="text-align:left">request</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">请求（详情见上方request请求讲解）</td>
</tr>
<tr>
<td style="text-align:left">dynamicData</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">动态数据</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="986" data-line-end="988">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">label</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏标题</td>
</tr>
<tr>
<td style="text-align:left">value</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">选项栏值</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="993" data-line-end="995">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="996" data-line-end="1055" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"rank"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"linkage"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"排行榜"</span></span>,
        "<span class="hljs-attribute">background</span>": <span class="hljs-value"><span class="hljs-string">"#f5f5f5"</span></span>,
        "<span class="hljs-attribute">subsectionColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span></span>,
        "<span class="hljs-attribute">enableSwiper</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">enableNavigationSearchInput</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">navigationSearchInputUrl</span>": <span class="hljs-value"><span class="hljs-string">"search"</span></span>,
        "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span>
    </span>}</span>,
    "<span class="hljs-attribute">darkStyle</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">background</span>": <span class="hljs-value"><span class="hljs-string">"#050505"</span>
    </span>}</span>,
    "<span class="hljs-attribute">topSubsection</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">staticData</span>": <span class="hljs-value">[{
            "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"周排行"</span></span>,
            "<span class="hljs-attribute">value</span>": <span class="hljs-value"><span class="hljs-string">"week"</span>
        </span>},{
            "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"月排行"</span></span>,
            "<span class="hljs-attribute">value</span>": <span class="hljs-value"><span class="hljs-string">"month"</span>
        </span>},{
            "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"新书排行"</span></span>,
            "<span class="hljs-attribute">value</span>": <span class="hljs-value"><span class="hljs-string">"new"</span>
        </span>}]
    </span>}</span>,
    "<span class="hljs-attribute">leftSubsection</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/list/top"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"手机"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.top-slide-menu[0]&gt;&gt;class.slide-menu-item"</span></span>,
            "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"@sel:text"</span></span>,
            "<span class="hljs-attribute">value</span>": <span class="hljs-value"><span class="hljs-string">"@sel:attr.value"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cellImageWidth</span>": <span class="hljs-value"><span class="hljs-number">160</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">220</span></span>,
            "<span class="hljs-attribute">cellDescriptionLines</span>": <span class="hljs-value"><span class="hljs-number">4</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/hub/getTopBooks?unit={{left}}&amp;page={{page}}&amp;time={{top}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:data.books"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:name"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@json:coverUrl"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@text:&lt;js&gt;@json:author&lt;/js&gt;/&lt;js&gt;@json:hot&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@json:about"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"book?id=&lt;js&gt;@json:id&lt;/js&gt;"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1056" data-line-end="1057">#short（短视频页）</p>
<ul>
<li class="has-line-data" data-line-start="1058" data-line-end="1059">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1059" data-line-end="1061">想要实现短视频滑动加载必须设置enableLoadmore为1</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（具体见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1065" data-line-end="1067">cell</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">src</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">播放视频链接</td>
</tr>
<tr>
<td style="text-align:left">isLive</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否直播视频</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1075" data-line-end="1077">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1078" data-line-end="1105" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"recome"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"short"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"推荐"</span></span>,
        "<span class="hljs-attribute">enableNavigationTransparent</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">enablePulldown</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span>
    </span>}</span>,
    "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/graphql"</span></span>,
            "<span class="hljs-attribute">method</span>": <span class="hljs-value"><span class="hljs-string">"post"</span></span>,
            "<span class="hljs-attribute">params</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">operationName</span>": <span class="hljs-value"><span class="hljs-string">"visionNewRecoFeed"</span></span>,
                "<span class="hljs-attribute">variables</span>": <span class="hljs-value">{}
            </span>}
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sync:return lastResult.data.visionNewRecoFeed ? lastResult.data.visionNewRecoFeed.feeds : lastResult.data.sameCityData.feeds"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:photo.caption"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@json:photo.coverUrl"</span></span>,
            "<span class="hljs-attribute">src</span>": <span class="hljs-value"><span class="hljs-string">"@json:photo.photoUrl"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1106" data-line-end="1107">#novel（小说页）</p>
<ul>
<li class="has-line-data" data-line-start="1108" data-line-end="1109">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1109" data-line-end="1111">每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">items</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">章节列表</td>
</tr>
<tr>
<td style="text-align:left">context</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">章节正文</td>
</tr>
<tr>
<td style="text-align:left">comments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论列表</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件列表（详情见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（详情见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1120" data-line-end="1122">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">tags</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签列表</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1131" data-line-end="1133">tags（标签列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1138" data-line-end="1140">items（章节列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">…（这里可以任意添加属性）</td>
<td style="text-align:center">Any</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1145" data-line-end="1147">context（章节正文）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">正文内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1151" data-line-end="1153">comments（评论列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像网络图片路径</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论二级标题</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论内容</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">subComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级评论列表（结构和评论列表相同）</td>
</tr>
<tr>
<td style="text-align:left">masterComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部评论列表（结构和评论列表相同）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1163" data-line-end="1165">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1166" data-line-end="1277" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"book"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"novel"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"小说详情"</span></span>,
        "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">componentBackgroundOpacity</span>": <span class="hljs-value"><span class="hljs-number">0.7</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/book/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-data[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.about-text[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">tags</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-cats&gt;&gt;tag.a"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:text"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"&lt;if&gt;@sel:attr.href@have:cat&lt;/if&gt;&lt;then&gt;type?$3=&lt;js&gt;@sel:attr.href@match:cat&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;&lt;/then&gt;&lt;elseif&gt;@sel:attr.href@have:tag&lt;/elseif&gt;&lt;then&gt;tag?navigationTitle=&lt;js&gt;@sel:text&lt;/js&gt;&amp;tag=&lt;js&gt;@sel:attr.href@split:tag=&gt;&gt;1&lt;/js&gt;&lt;/then&gt;&lt;else&gt;matchBooks?navigationTitle=&lt;js&gt;@sel:text&lt;/js&gt;&amp;mid=&lt;js&gt;@sel:attr.href@split:mid=&gt;&gt;1&lt;/js&gt;&lt;/else&gt;"</span>
            </span>}
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">items</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/book/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.chapter"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.a[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">href</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.a[0]&gt;&gt;attr.href"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">context</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{href}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.article-text[0]&gt;&gt;content@replaceAll:&amp;lt;p&gt;&gt;&amp;lt;p style=&amp;quot;margin-top: 10px&amp;quot;"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">comments</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/comment/items?type=book&amp;tid={{id}}&amp;pageSize=15&amp;page={{page}}&amp;_={{RandomNumberString(13)}}"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:items"</span></span>,
            "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.avatar"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.nick"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:date@sync:return lastResult*1000@dateFormat:"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:author.id&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">subComments</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:replies.items"</span></span>,
                "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.avatar"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.nick"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:date@sync:return lastResult*1000@dateFormat:"</span></span>,
                "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:author.id&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">components</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"作者"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"h-cell"</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
            "<span class="hljs-attribute">cellImageWidth</span>": <span class="hljs-value"><span class="hljs-number">80</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">80</span></span>,
            "<span class="hljs-attribute">cellDescriptionLines</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
            "<span class="hljs-attribute">cellImageBorderRadius</span>": <span class="hljs-value"><span class="hljs-number">80</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/book/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.novelist"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.name[0]&gt;&gt;tag.a[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.about[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@sel:class.name[0]&gt;&gt;tag.a[0]&gt;&gt;attr.href@replace:/user/info?id=&lt;/js&gt;"</span>
        </span>}
    </span>},{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"作者其它作品"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"h-cell"</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
            "<span class="hljs-attribute">moreText</span>": <span class="hljs-value"><span class="hljs-string">"更多"</span></span>,
            "<span class="hljs-attribute">moreUrl</span>": <span class="hljs-value"><span class="hljs-string">"userwork?id=&lt;js&gt;@sel:class.section-helper[0]&gt;&gt;tag.a[0]&gt;&gt;attr.href@split:id=&gt;&gt;1&lt;/js&gt;"</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/book/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.from-author"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.suggest-book-name[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.suggest-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.suggest-book-desc[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"book?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}]
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1278" data-line-end="1279">#comic（漫画页）</p>
<ul>
<li class="has-line-data" data-line-start="1280" data-line-end="1281">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1281" data-line-end="1283">每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">items</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">章节列表</td>
</tr>
<tr>
<td style="text-align:left">context</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">章节正文</td>
</tr>
<tr>
<td style="text-align:left">comments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论列表</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件列表（详情见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（详情见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1292" data-line-end="1294">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">tags</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签列表</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1303" data-line-end="1305">tags（标签列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1310" data-line-end="1312">items（章节列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">正文内容</td>
</tr>
<tr>
<td style="text-align:left">…（这里可以任意添加属性）</td>
<td style="text-align:center">Any</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1318" data-line-end="1320">context（章节正文）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">正文内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1324" data-line-end="1326">comments（评论列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像网络图片路径</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论二级标题</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论内容</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">subComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级评论列表（结构和评论列表相同）</td>
</tr>
<tr>
<td style="text-align:left">masterComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部评论列表（结构和评论列表相同）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1336" data-line-end="1338">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1339" data-line-end="1406" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"comic"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"comic"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"漫画详情"</span></span>,
        "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">componentBackgroundOpacity</span>": <span class="hljs-value"><span class="hljs-number">0.7</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/manhua/detail/{{id}}/"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.detail-info-title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.detail-info-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.cy_xinxi[0]&gt;&gt;tex"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:id.comic-description&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">tags</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.cy_xinxixi[0]&gt;&gt;tag.a"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:text"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"tag?str=&lt;js&gt;@sel:attr.href@replace:https://www.dongman.la&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">items</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/manhua/detail/{{id}}/"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:id.mh-chapter-list-ol-0&gt;&gt;tag.li@reverse:"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.a[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">href</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.a[0]&gt;&gt;attr.href"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">context</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{href}}all.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.imgListBox[0]&gt;&gt;tag.img&gt;&gt;attr.data-src"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">components</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"可能感兴趣的"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">300</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span></span>,
            "<span class="hljs-attribute">enableRefresh</span>": <span class="hljs-value"><span class="hljs-number">1</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/manhua/detail/{{id}}/"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:id.similarList&gt;&gt;tag.li"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.b[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"comic?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@match:detail&amp;es;/&gt;&gt;&amp;es;/&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}]
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1407" data-line-end="1408">#video（视频页）</p>
<ul>
<li class="has-line-data" data-line-start="1409" data-line-end="1410">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1410" data-line-end="1412">每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">items</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">剧集列表</td>
</tr>
<tr>
<td style="text-align:left">context</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">剧集正文</td>
</tr>
<tr>
<td style="text-align:left">barrages</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">弹幕列表</td>
</tr>
<tr>
<td style="text-align:left">comments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论列表</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件列表（详情见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（详情见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1422" data-line-end="1424">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">tags</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签列表</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1433" data-line-end="1435">tags（标签列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1440" data-line-end="1442">items（剧集列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面</td>
</tr>
<tr>
<td style="text-align:left">src</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">播放链接</td>
</tr>
<tr>
<td style="text-align:left">…（这里可以任意添加属性）</td>
<td style="text-align:center">Any</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1449" data-line-end="1451">context（剧集正文）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面</td>
</tr>
<tr>
<td style="text-align:left">src</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">播放链接</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1457" data-line-end="1459">comments（评论列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像网络图片路径</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论二级标题</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论内容</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">subComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级评论列表（结构和评论列表相同）</td>
</tr>
<tr>
<td style="text-align:left">masterComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部评论列表（结构和评论列表相同）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1469" data-line-end="1471">barrages（弹幕列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">text</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">弹幕</td>
</tr>
<tr>
<td style="text-align:left">time</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">弹幕显示时间</td>
</tr>
<tr>
<td style="text-align:left">color</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">弹幕颜色</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1477" data-line-end="1479">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1480" data-line-end="1571" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"video"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"video"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"视频详情"</span></span>,
        "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">enableNavigationTransparent</span>": <span class="hljs-value"><span class="hljs-number">1</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/index.php/vod/detail/id/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.page-title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.video-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.data-src"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.video-info-main[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">tags</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.video-info-aux[0]&gt;&gt;tag.a"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:text"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"tag?href=&lt;js&gt;@sel:attr.href&lt;/js&gt;&amp;navigationTitle=&lt;js&gt;@sel:text&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">items</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/index.php/vod/detail/id/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:id.sort-item-2&gt;&gt;tag.a"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:text"</span></span>,
            "<span class="hljs-attribute">requestHref</span>": <span class="hljs-value"><span class="hljs-string">"@sel:attr.href"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">context</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{requestHref}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">src</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.player-wrapper[0]&gt;&gt;tag.script[0]&gt;&gt;content@replace:var player_aaaa=@sync:return JSON.parse(lastResult)@json:url"</span></span>,
            "<span class="hljs-attribute">formats</span>": <span class="hljs-value"><span class="hljs-string">"m3u8"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">comments</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/index.php/comment/ajax.html?rid={{id}}&amp;mid=1&amp;page={{page}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.mxone-comment__item"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.face[0]&gt;&gt;attr.src@sync:return lastResult.indexOf('http') == -1 ? 'http://www.lzizy9.com/' + lastResult : lastResult"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.text-muted@sync:return lastResult[1].innerHTML.trim() + ' ' + lastResult[0].innerHTML.trim()"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.comment-cont[0]&gt;&gt;text"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">barrages</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{requestHref}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:data.list"</span></span>,
            "<span class="hljs-attribute">text</span>": <span class="hljs-value"><span class="hljs-string">"@json:title"</span></span>,
            "<span class="hljs-attribute">time</span>": <span class="hljs-value"><span class="hljs-string">"@sel:time"</span></span>,
            "<span class="hljs-attribute">color</span>": <span class="hljs-value"><span class="hljs-string">"@sel:color"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">components</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"相关影片"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/index.php/vod/detail/id/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.module-items[0]&gt;&gt;class.module-item"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.module-item-title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.data-src"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.module-item-text[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"video?id=&lt;js&gt;@sel:class.module-item-title[0]&gt;&gt;attr.href@match:id&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}]
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1572" data-line-end="1573">#audio（音频页）</p>
<ul>
<li class="has-line-data" data-line-start="1574" data-line-end="1575">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1575" data-line-end="1577">每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">items</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">播放列表</td>
</tr>
<tr>
<td style="text-align:left">context</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">音频正文</td>
</tr>
<tr>
<td style="text-align:left">lyrics</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">歌词列表</td>
</tr>
<tr>
<td style="text-align:left">comments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论列表</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件列表（详情见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（详情见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1587" data-line-end="1589">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">文本内容</td>
</tr>
<tr>
<td style="text-align:left">tags</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签列表</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1599" data-line-end="1601">tags（标签列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1606" data-line-end="1608">items（播放列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面</td>
</tr>
<tr>
<td style="text-align:left">src</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">播放链接</td>
</tr>
<tr>
<td style="text-align:left">…（这里可以任意添加属性）</td>
<td style="text-align:center">Any</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1615" data-line-end="1617">context（音频正文）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面</td>
</tr>
<tr>
<td style="text-align:left">src</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">播放链接</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1623" data-line-end="1625">comments（评论列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像网络图片路径</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论二级标题</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论内容</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">subComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级评论列表（结构和评论列表相同）</td>
</tr>
<tr>
<td style="text-align:left">masterComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部评论列表（结构和评论列表相同）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1635" data-line-end="1637">lyrics（歌词列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">歌词</td>
</tr>
<tr>
<td style="text-align:left">time</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">歌词显示时间</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1642" data-line-end="1644">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1645" data-line-end="1748" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"music"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"audio"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"音乐详情"</span></span>,
        "<span class="hljs-attribute">componentBackgroundOpacity</span>": <span class="hljs-value"><span class="hljs-number">0.5</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/listen/{{id}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.frame1[0]&gt;&gt;tag.h1[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.song_info[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.music_intro[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src@sync:return lastResult &amp;&amp; lastResult.indexOf('http') == -1 ? 'https://www.itingwa.com' + lastResult : lastResult"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.music_intro[0]&gt;&gt;content@replaceAll:src=&amp;quot;&amp;es;/file&gt;&gt;src=&amp;quot;https://www.itingwa.com/file"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">items</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/listen/{{id}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.jp-jplayer"</span></span>,
            "<span class="hljs-attribute">href</span>": <span class="hljs-value"><span class="hljs-string">"@sel:attr.init-data"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">context</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{href}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">src</span>": <span class="hljs-value"><span class="hljs-string">"@sel:attr.init-data"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">lyrics</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{href}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.jp-lyrics"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:text"</span></span>,
            "<span class="hljs-attribute">time</span>": <span class="hljs-value"><span class="hljs-string">"@sel:attr.init-date"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">comments</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"?c=comment&amp;m=get_comment&amp;id={{id}}&amp;type=0&amp;p={{page}}"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:comments.list"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:u_name"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:comm_addtime"</span></span>,
            "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"https://www.itingwa.com/upload/pic/180/&lt;js&gt;@json:u_img&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:comm_user&lt;/js&gt;"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">components</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"发布者"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"h-cell"</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
            "<span class="hljs-attribute">cellImageWidth</span>": <span class="hljs-value"><span class="hljs-number">90</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">90</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/listen/{{id}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.rt_frame"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.clearfix[0]&gt;&gt;class.nickname[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.user_data[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.clearfix[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@sel:class.clearfix[0]&gt;&gt;tag.a[0]&gt;&gt;attr.href@split:u/&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>},{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"相关专辑"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">200</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/listen/{{id}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.album_items[0]&gt;&gt;tag.li"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.top_10[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"album?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@split:album/&gt;&gt;1&lt;/js&gt;&amp;background=&lt;js&gt;@sel:tag.img[0]&gt;&gt;attr.src&lt;/js&gt;"</span>
        </span>}
    </span>}]
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1749" data-line-end="1750">#picture（图片页）</p>
<ul>
<li class="has-line-data" data-line-start="1751" data-line-end="1752">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1752" data-line-end="1754">每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">items</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片列表</td>
</tr>
<tr>
<td style="text-align:left">context</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片正文</td>
</tr>
<tr>
<td style="text-align:left">comments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论列表</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件列表（详情见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（详情见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1763" data-line-end="1765">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">tags</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签列表</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1774" data-line-end="1776">tags（标签列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1781" data-line-end="1783">items（图片列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面</td>
</tr>
<tr>
<td style="text-align:left">src</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片链接</td>
</tr>
<tr>
<td style="text-align:left">…（这里可以任意添加属性）</td>
<td style="text-align:center">Any</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1790" data-line-end="1792">context（图片正文）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面</td>
</tr>
<tr>
<td style="text-align:left">src</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片链接</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1798" data-line-end="1800">comments（评论列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像网络图片路径</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论二级标题</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论内容</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">subComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级评论列表（结构和评论列表相同）</td>
</tr>
<tr>
<td style="text-align:left">masterComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部评论列表（结构和评论列表相同）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1810" data-line-end="1812">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1813" data-line-end="1879" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"picture"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"picture"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"壁纸详情"</span></span>,
        "<span class="hljs-attribute">enableNavigationTransparent</span>": <span class="hljs-value"><span class="hljs-number">1</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">staticData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"{{background}}"</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{href}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"手机"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.detail-title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.detail-info[0]&gt;&gt;text"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">items</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{href}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.image-content[0]&gt;&gt;class.swiper-slide"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.alt"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"https:&lt;js&gt;@sel:tag.img[0]&gt;&gt;attr.data-src&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">src</span>": <span class="hljs-value"><span class="hljs-string">"https:&lt;js&gt;@sel:tag.img[0]&gt;&gt;attr.data-src&lt;/js&gt;"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">comments</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"?c=comment&amp;m=get_comment&amp;id={{id}}&amp;type=0&amp;p={{page}}"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:comments.list"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:u_name"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:comm_addtime"</span></span>,
            "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"https://www.itingwa.com/upload/pic/180/&lt;js&gt;@json:u_img&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:comm_user&lt;/js&gt;"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">components</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"相关推荐"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">2</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">500</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"{{href}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"手机"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.list-ul[0]&gt;&gt;class.list-li"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.li-title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"https:&lt;js&gt;@sel:tag.img[0]&gt;&gt;attr.data-src&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"picture?href=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href&lt;/js&gt;&amp;background=https:&lt;js&gt;@sel:tag.img[0]&gt;&gt;attr.data-src&lt;/js&gt;"</span>
        </span>}
    </span>}]
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1880" data-line-end="1881">#live（直播页）</p>
<ul>
<li class="has-line-data" data-line-start="1882" data-line-end="1883">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1883" data-line-end="1885">每个属性（例如：detail）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">barrages</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">弹幕列表</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件列表（详情见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（详情见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1892" data-line-end="1894">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">tags</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签列表</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1903" data-line-end="1905">tags（标签列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1910" data-line-end="1912">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1913" data-line-end="1933" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"live"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"live"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"直播详情"</span></span>,
        "<span class="hljs-attribute">enableNavigationTransparent</span>": <span class="hljs-value"><span class="hljs-number">1</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/live/detail/{{id}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.vod&gt;&gt;attr.alt"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.cover&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">src</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.vod&gt;&gt;attr.src"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<p class="has-line-data" data-line-start="1934" data-line-end="1935">#article（文章页）</p>
<ul>
<li class="has-line-data" data-line-start="1936" data-line-end="1937">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="1937" data-line-end="1939">每个属性（例如：detail）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">comments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论列表</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件列表（详情见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（详情见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1946" data-line-end="1948">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">文章内容</td>
</tr>
<tr>
<td style="text-align:left">tags</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签列表</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感内容</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1958" data-line-end="1960">tags（标签列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1965" data-line-end="1967">comments（评论列表）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像网络图片路径</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论二级标题</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论内容</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">subComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级评论列表（结构和评论列表相同）</td>
</tr>
<tr>
<td style="text-align:left">masterComments</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部评论列表（结构和评论列表相同）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="1977" data-line-end="1979">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="1980" data-line-end="2041" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"articledetail"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"article"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"文章内容"</span></span>,
        "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/article/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.heading-block[0]&gt;&gt;class.title[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.heading-block[0]&gt;&gt;class.text-muted[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.article-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@sel:id.article-content&gt;&gt;content"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">components</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"card"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cardTitle</span>": <span class="hljs-value"><span class="hljs-string">"热门推荐"</span></span>,
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">2</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">140</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/article/{{id}}.html"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.recommend-list[0]&gt;&gt;class.recommend-item"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.recommend-text[0]&gt;&gt;attr.title"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.recommend-cover[0]&gt;&gt;attr.style@match:background-image: url&amp;es;(&amp;apos;&gt;&gt;&amp;apos;&amp;es;)&gt;&gt;1"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"articledetail?id=&lt;js&gt;@sel:attr.href@match:article&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}]</span>,
    "<span class="hljs-attribute">comments</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/comment/items?type=article&amp;tid={{id}}&amp;pageSize=15&amp;page={{page}}&amp;_={{RandomNumberString(13)}}"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:items"</span></span>,
            "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.avatar"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.nick"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:date@sync:return lastResult*1000@dateFormat:"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:author.id&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">subComments</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:replies.items"</span></span>,
                "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.avatar"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.nick"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:date@sync:return lastResult*1000@dateFormat:"</span></span>,
                "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:author.id&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>}
</span>}
</code></pre>
<p class="has-line-data" data-line-start="2042" data-line-end="2043">#user（用户页）</p>
<ul>
<li class="has-line-data" data-line-start="2044" data-line-end="2045">注意事项</li>
</ul>
<ul>
<li class="has-line-data" data-line-start="2045" data-line-end="2046">detail包含staticData，request和dynamicData属性，这里因为内容太多就不显示了</li>
<li class="has-line-data" data-line-start="2046" data-line-end="2048">subsection为集合，同column页面类似</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">detail</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">详情信息</td>
</tr>
<tr>
<td style="text-align:left">subsection</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">分栏列表</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2053" data-line-end="2055">detail（详情信息）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">封面图片网络路径</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">isAdult</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">是否敏感</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2064" data-line-end="2066">subsection</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">label</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">分栏标题</td>
</tr>
<tr>
<td style="text-align:left">components</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">组件集合（具体见下方components组件讲解）</td>
</tr>
<tr>
<td style="text-align:left">cell</td>
<td style="text-align:center">Object</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格列表（具体见下方cell单元格讲解）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2072" data-line-end="2074">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2075" data-line-end="2172" class="language-json">{
    "<span class="hljs-attribute">name</span>": <span class="hljs-value"><span class="hljs-string">"user"</span></span>,
    "<span class="hljs-attribute">type</span>": <span class="hljs-value"><span class="hljs-string">"user"</span></span>,
    "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">navigationTitle</span>": <span class="hljs-value"><span class="hljs-string">"作者信息"</span></span>,
        "<span class="hljs-attribute">enableNavigationTransparent</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">enableSwiper</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
        "<span class="hljs-attribute">background</span>": <span class="hljs-value"><span class="hljs-string">"#ffffff"</span></span>,
        "<span class="hljs-attribute">subsectionColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span>
    </span>}</span>,
    "<span class="hljs-attribute">darkStyle</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">background</span>": <span class="hljs-value"><span class="hljs-string">"#131313"</span>
    </span>}</span>,
    "<span class="hljs-attribute">detail</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/user/info?id={{id}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.r-side[0]&gt;&gt;class.name[0]&gt;&gt;tag.p[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.r-side[0]&gt;&gt;class.profile-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"https://eli.linovel.net/static/img/profile_cover.22b302b.jpg"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.r-side[0]&gt;&gt;class.profile[0]&gt;&gt;class.list[0]&gt;&gt;text"</span>
        </span>}
    </span>}</span>,
    "<span class="hljs-attribute">subsection</span>": <span class="hljs-value">[{
        "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"小说"</span></span>,
        "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
                "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span></span>,
                "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">300</span>
            </span>}</span>,
            "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/user/info?id={{id}}"</span></span>,
                "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
            </span>}</span>,
            "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.works-grid[0]&gt;&gt;class.grid"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.title[0]&gt;&gt;text"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.src"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"book?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>},{
        "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"粉丝"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span>
        </span>}</span>,
        "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"h-cell"</span></span>,
                "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
                "<span class="hljs-attribute">cellImageWidth</span>": <span class="hljs-value"><span class="hljs-number">80</span></span>,
                "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">80</span></span>,
                "<span class="hljs-attribute">cellImageBorderRadius</span>": <span class="hljs-value"><span class="hljs-number">80</span>
            </span>}</span>,
            "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/user/followerList?id={{id}}&amp;page={{page}}"</span></span>,
                "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
            </span>}</span>,
            "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.user-list[0]&gt;&gt;tag.li"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.name[0]&gt;&gt;text"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.sign[0]&gt;&gt;text"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.data-original"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@replace:/user/info?id=&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>},{
        "<span class="hljs-attribute">label</span>": <span class="hljs-value"><span class="hljs-string">"关注"</span></span>,
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">enableLoadmore</span>": <span class="hljs-value"><span class="hljs-number">1</span>
        </span>}</span>,
        "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"h-cell"</span></span>,
                "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
                "<span class="hljs-attribute">cellImageWidth</span>": <span class="hljs-value"><span class="hljs-number">80</span></span>,
                "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">80</span></span>,
                "<span class="hljs-attribute">cellImageBorderRadius</span>": <span class="hljs-value"><span class="hljs-number">80</span>
            </span>}</span>,
            "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/user/followeeList?id={{id}}&amp;page={{page}}"</span></span>,
                "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
            </span>}</span>,
            "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.user-list[0]&gt;&gt;tag.li"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.name[0]&gt;&gt;text"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.sign[0]&gt;&gt;text"</span></span>,
                "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:tag.img[0]&gt;&gt;attr.data-original"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@replace:/user/info?id=&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>}]
</span>}
</code></pre>
<p class="has-line-data" data-line-start="2173" data-line-end="2174">#cell（单元格）</p>
<ul>
<li class="has-line-data" data-line-start="2175" data-line-end="2176">h-cell（横向单元格）</li>
<li class="has-line-data" data-line-start="2176" data-line-end="2178">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cellName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">h-cell</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格名称</td>
</tr>
<tr>
<td style="text-align:left">cellColumn</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">3</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">cellImageWidth</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">120</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片宽度</td>
</tr>
<tr>
<td style="text-align:left">cellImageHeight</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">160</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片高度</td>
</tr>
<tr>
<td style="text-align:left">cellImageBorderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片圆角</td>
</tr>
<tr>
<td style="text-align:left">cellImageTipSize</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">20</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片加载提示文字大小</td>
</tr>
<tr>
<td style="text-align:left">cellTitleLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题最多显示多少行</td>
</tr>
<tr>
<td style="text-align:left">cellDescriptionLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">3</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介最多显示多少行</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2189" data-line-end="2191">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">subTitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片地址</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2199" data-line-end="2201">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2202" data-line-end="2225" class="language-json">{
    "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"h-cell"</span></span>,
            "<span class="hljs-attribute">cellImageWidth</span>": <span class="hljs-value"><span class="hljs-number">160</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">220</span></span>,
            "<span class="hljs-attribute">cellDescriptionLines</span>": <span class="hljs-value"><span class="hljs-number">4</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/search/?kw={{keyword}}&amp;sign={{$2}}&amp;sort={{$1}}&amp;words=-1&amp;page={{page}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.rank-book-list[0]&gt;&gt;tag.a"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-name[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-extra[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-intro[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"book?id=&lt;js&gt;@sel:attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2226" data-line-end="2227">v-cell（竖向单元格）</li>
<li class="has-line-data" data-line-start="2227" data-line-end="2229">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cellName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">v-cell</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格名称</td>
</tr>
<tr>
<td style="text-align:left">cellColumn</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">3</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">cellImageHeight</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">240</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片高度</td>
</tr>
<tr>
<td style="text-align:left">cellImageBorderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片圆角</td>
</tr>
<tr>
<td style="text-align:left">cellImageTipSize</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">20</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片加载提示文字大小</td>
</tr>
<tr>
<td style="text-align:left">cellTitleLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题最多显示多少行</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2238" data-line-end="2240">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">subTitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片地址</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2247" data-line-end="2249">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2250" data-line-end="2271" class="language-json">{
    "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"v-cell"</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">240</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span></span>,
        }</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/search/?kw={{keyword}}&amp;sign={{$2}}&amp;sort={{$1}}&amp;words=-1&amp;page={{page}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.rank-book-list[0]&gt;&gt;tag.a"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-name[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-extra[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"book?id=&lt;js&gt;@sel:attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2272" data-line-end="2273">img-cell（图片单元格）</li>
<li class="has-line-data" data-line-start="2273" data-line-end="2275">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cellName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">img-cell</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格名称</td>
</tr>
<tr>
<td style="text-align:left">cellColumn</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">3</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">cellImageHeight</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">240</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片高度</td>
</tr>
<tr>
<td style="text-align:left">cellImageBorderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片圆角</td>
</tr>
<tr>
<td style="text-align:left">cellImageTipSize</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">20</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片加载提示文字大小</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2283" data-line-end="2285">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片地址</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2290" data-line-end="2292">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2293" data-line-end="2312" class="language-json">{
    "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"img-cell"</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">240</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span></span>,
        }</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/search/?kw={{keyword}}&amp;sign={{$2}}&amp;sort={{$1}}&amp;words=-1&amp;page={{page}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.rank-book-list[0]&gt;&gt;tag.a"</span></span>,
            "<span class="hljs-attribute">cover</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-cover[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"book?id=&lt;js&gt;@sel:attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2313" data-line-end="2314">text-cell（文字单元格）</li>
<li class="has-line-data" data-line-start="2314" data-line-end="2316">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cellName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">text-cell</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格名称</td>
</tr>
<tr>
<td style="text-align:left">cellColumn</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">3</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">cellTitleLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题最多显示多少行</td>
</tr>
<tr>
<td style="text-align:left">cellDescriptionLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">3</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介最多显示多少行</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2323" data-line-end="2325">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">subTitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2331" data-line-end="2333">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2334" data-line-end="2354" class="language-json">{
    "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"text-cell"</span></span>,
            "<span class="hljs-attribute">cellImageHeight</span>": <span class="hljs-value"><span class="hljs-number">240</span></span>,
            "<span class="hljs-attribute">cellColumn</span>": <span class="hljs-value"><span class="hljs-number">3</span></span>,
        }</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"/search/?kw={{keyword}}&amp;sign={{$2}}&amp;sort={{$1}}&amp;words=-1&amp;page={{page}}"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.rank-book-list[0]&gt;&gt;tag.a"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-name[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.book-extra[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"book?id=&lt;js&gt;@sel:attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2355" data-line-end="2356">tag-cell（标签单元格）</li>
<li class="has-line-data" data-line-start="2356" data-line-end="2358">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cellName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">tag-cell</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格名称</td>
</tr>
<tr>
<td style="text-align:left">cellColumn</td>
<td style="text-align:center">Number/String</td>
<td style="text-align:center">auto</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">cellTitleLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题最多显示多少行</td>
</tr>
<tr>
<td style="text-align:left">cellTitleSize</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">24</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签文字大小</td>
</tr>
<tr>
<td style="text-align:left">cellBorderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标签圆角</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2366" data-line-end="2368">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2373" data-line-end="2375">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2376" data-line-end="2398" class="language-json">{
    "components": [
        {
            "name": "card",
            "style": {
                "cardTitle": "热门标签",//卡片标题
                "cellName": "tag-cell",
                "cellColumn": "auto",
            },
            "request": {
                "url": "/search/?kw={{keyword}}&amp;sign={{$2}}&amp;sort={{$1}}&amp;words=-1",
                "device": "电脑"
            },//请求
            "dynamicData": {
                "list": "@sel:class.rank-book-list[0]&gt;&gt;tag.a",
                "title": "@sel:class.book-name[0]&gt;&gt;text",
                "url": "book?id=&lt;js&gt;@sel:attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"
            }//动态数据
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2399" data-line-end="2400">article-cell（文章单元格）</li>
<li class="has-line-data" data-line-start="2400" data-line-end="2402">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cellName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">article-cell</td>
<td style="text-align:center">----</td>
<td style="text-align:left">单元格名称</td>
</tr>
<tr>
<td style="text-align:left">cellColumn</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">cellImageWidth</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">230</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片宽度</td>
</tr>
<tr>
<td style="text-align:left">cellImageHeight</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">190</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片高度</td>
</tr>
<tr>
<td style="text-align:left">cellTitleLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题最多显示几行</td>
</tr>
<tr>
<td style="text-align:left">cellDescriptionLines</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">3</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介最多显示几行</td>
</tr>
<tr>
<td style="text-align:left">cellImageTipSize</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片加载提示文字大小</td>
</tr>
<tr>
<td style="text-align:left">cellImageBorderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片圆角</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2413" data-line-end="2415">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">images</td>
<td style="text-align:center">Array/String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图片组</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2423" data-line-end="2425">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2426" data-line-end="2447" class="language-json">{
    "<span class="hljs-attribute">cell</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">style</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">cellName</span>": <span class="hljs-value"><span class="hljs-string">"article-cell"</span>
        </span>}</span>,
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"?c=tingshuo&amp;m=get_feeds"</span></span>,
            "<span class="hljs-attribute">device</span>": <span class="hljs-value"><span class="hljs-string">"电脑"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:data@sel:tag.dl"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.feed_detail[0]&gt;&gt;class.hide[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">description</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.feed_info[0]&gt;&gt;tag.div[0]&amp;&amp;tag.div[1]&gt;&gt;text@string:"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@sel:class.feed_info[0]&gt;&gt;tag.ul[0]&gt;&gt;text"</span></span>,
            "<span class="hljs-attribute">images</span>": <span class="hljs-value"><span class="hljs-string">"https://www.itingwa.com&lt;js&gt;@sel:class.feed_img[0]&gt;&gt;attr.src&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"&lt;if&gt;@sel:tag.a[1]&gt;&gt;attr.href@have:listen&lt;/if&gt;&lt;then&gt;music?id=&lt;js&gt;@sel:tag.a[1]&gt;&gt;attr.href@split:listen/&gt;&gt;1&lt;/js&gt;&lt;/then&gt;&lt;elseif&gt;@sel:tag.a[1]&gt;&gt;attr.href@have:album&lt;/elseif&gt;&lt;then&gt;album?id=&lt;js&gt;@sel:tag.a[1]&gt;&gt;attr.href@split:album/&gt;&gt;1&lt;/js&gt;&lt;/then&gt;&lt;else&gt;article?id=&lt;js&gt;@sel:tag.a[1]&gt;&gt;attr.href@split:article/&gt;&gt;1&lt;/js&gt;&lt;/else&gt;&amp;background=https://www.itingwa.com&lt;js&gt;@sel:class.feed_img[0]&gt;&gt;attr.src&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">dataId</span>": <span class="hljs-value"><span class="hljs-string">"@sel:attr.init-data"</span>
        </span>}
    </span>}
</span>}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2448" data-line-end="2449">comment-cell（评论单元格）</li>
<li class="has-line-data" data-line-start="2449" data-line-end="2451">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">subtitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级标题</td>
</tr>
<tr>
<td style="text-align:left">avatar</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">头像</td>
</tr>
<tr>
<td style="text-align:left">content</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">评论内容</td>
</tr>
<tr>
<td style="text-align:left">masterComments</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部评论集合</td>
</tr>
<tr>
<td style="text-align:left">subComments</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">二级评论集合</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2461" data-line-end="2463">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2464" data-line-end="2488" class="language-json">{
    "<span class="hljs-attribute">comments</span>": <span class="hljs-value">{
        "<span class="hljs-attribute">request</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"?c=comment&amp;m=get_comment&amp;id={{id}}&amp;type=0&amp;p={{page}}"</span>
        </span>}</span>,
        "<span class="hljs-attribute">dynamicData</span>": <span class="hljs-value">{
            "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:items"</span></span>,
            "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.avatar"</span></span>,
            "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.nick"</span></span>,
            "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:date@sync:return lastResult*1000@dateFormat:"</span></span>,
            "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
            "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:author.id&lt;/js&gt;"</span></span>,
            "<span class="hljs-attribute">subComments</span>": <span class="hljs-value">{
                "<span class="hljs-attribute">list</span>": <span class="hljs-value"><span class="hljs-string">"@json:replies.items"</span></span>,
                "<span class="hljs-attribute">avatar</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.avatar"</span></span>,
                "<span class="hljs-attribute">title</span>": <span class="hljs-value"><span class="hljs-string">"@json:author.nick"</span></span>,
                "<span class="hljs-attribute">subtitle</span>": <span class="hljs-value"><span class="hljs-string">"@json:date@sync:return lastResult*1000@dateFormat:"</span></span>,
                "<span class="hljs-attribute">content</span>": <span class="hljs-value"><span class="hljs-string">"@json:content"</span></span>,
                "<span class="hljs-attribute">url</span>": <span class="hljs-value"><span class="hljs-string">"user?id=&lt;js&gt;@json:author.id&lt;/js&gt;"</span>
            </span>}
        </span>}
    </span>}
</span>}
</code></pre>
<p class="has-line-data" data-line-start="2490" data-line-end="2491">#components（组件）</p>
<ul>
<li class="has-line-data" data-line-start="2492" data-line-end="2493">search-input（搜索框）</li>
<li class="has-line-data" data-line-start="2493" data-line-end="2495">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">placeholder</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">搜索框提示文字</td>
</tr>
<tr>
<td style="text-align:left">borderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">搜索框圆角</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2501" data-line-end="2503">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2504" data-line-end="2523" class="language-json">{
    "components": [
        {
            "name": "search-input",
            "style": {
                "url": "search",//跳转name为search的规则页面
                "placeholder": "点击搜索内容",//提示文字
                "borderRadius": 10//圆角
            }
        },
        {
            "name": "search-input",
            "style": {
                "url": "https://www.baidu.com"//跳转在线网址
            }
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2524" data-line-end="2525">slider（轮播图）</li>
<li class="has-line-data" data-line-start="2525" data-line-end="2527">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">height</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">280</td>
<td style="text-align:center">----</td>
<td style="text-align:left">高度</td>
</tr>
<tr>
<td style="text-align:left">enableIndicatorDots</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启指示点</td>
</tr>
<tr>
<td style="text-align:left">indicatorActiveColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">指示点选中色</td>
</tr>
<tr>
<td style="text-align:left">titleShow</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">1</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">展示轮播图标题</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2534" data-line-end="2536">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">轮播图标题</td>
</tr>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">轮播图图片路径</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2542" data-line-end="2544">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2545" data-line-end="2586" class="language-json">{
    "components": [
        {
            "name": "slider",
            "style": {
                "height": 280,//高度
                "enableIndicatorDots": 1,//开启指示点
                "indicatorActiveColor": "#42b983",//指示点选中色
                "titleShow": 1//展示标题
            },
            "staticData": [{
                "title": "轮播图第一张",//标题
                "cover": "https://image.test.com/test1.png",//图片路径
                "url": "https://www.test.com"//跳转路径
            },{
                "title": "轮播图第二张",//标题
                "cover": "https://image.test.com/test2.png",//图片路径
                "url": "https://www.test.com"//跳转路径
            }]//静态数据
        },
        {
            "name": "slider",
            "style": {
                "height": 280,//高度
                "enableIndicatorDots": 1,//开启指示点
                "indicatorActiveColor": "#42b983",//指示点选中色
                "titleShow": 0//不展示标题
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "cover": "@sel:class.img[0]&gt;&gt;attr.src",//图片规则
                "url": "detail?id=&lt;js&gt;@sel:class.link[0]&gt;&gt;attr.href&lt;/js&gt;"//跳转路径规则
            }//动态数据
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2587" data-line-end="2588">banner（banner图）</li>
<li class="has-line-data" data-line-start="2588" data-line-end="2590">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">height</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">高度</td>
</tr>
<tr>
<td style="text-align:left">borderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">15</td>
<td style="text-align:center">----</td>
<td style="text-align:left">圆角</td>
</tr>
<tr>
<td style="text-align:left">mode</td>
<td style="text-align:center">String</td>
<td style="text-align:center">widthFix</td>
<td style="text-align:center">widthFix/aspectFit/aspectFill/heightFix</td>
<td style="text-align:left">图片剪切模式</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2596" data-line-end="2598">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cover</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">轮播图图片路径</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2603" data-line-end="2605">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2606" data-line-end="2643" class="language-json">{
    "components": [
        {
            "name": "banner",
            "style": {
                "height": 280,//高度
                "borderRadius": 15,//开启指示点
                "mode": "aspectFill",//图片剪切模式
            },
            "staticData": [{
                "cover": "https://image.test.com/test1.png",//图片路径
                "url": "https://www.test.com"//跳转路径
            },{
                "cover": "https://image.test.com/test2.png",//图片路径
                "url": "https://www.test.com"//跳转路径
            }]//静态数据
        },
        {
            "name": "banner",
            "style": {
                "height": 280,//高度
                "borderRadius": 15,//开启指示点
                "mode": "aspectFill",//图片剪切模式
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "cover": "@sel:class.img[0]&gt;&gt;attr.src",//图片规则
                "url": "detail?id=&lt;js&gt;@sel:class.link[0]&gt;&gt;attr.href&lt;/js&gt;"//跳转路径规则
            }//动态数据
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2644" data-line-end="2645">notice-bar（公告栏）</li>
<li class="has-line-data" data-line-start="2645" data-line-end="2647">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">icon</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标 可使用网络图片路径或者<a href="https://www.iconfont.cn/collections/detail?cid=33">图标库</a></td>
</tr>
<tr>
<td style="text-align:left">borderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">10</td>
<td style="text-align:center">----</td>
<td style="text-align:left">圆角</td>
</tr>
<tr>
<td style="text-align:left">moreText</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">更多按钮文字</td>
</tr>
<tr>
<td style="text-align:left">moreUrl</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">更多跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2654" data-line-end="2656">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2661" data-line-end="2663">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2664" data-line-end="2703" class="language-json">{
    "components": [
        {
            "name": "notice-bar",
            "style": {
                "icon": "notification",//图标 可使用网络图片路径
                "moreText": "全部",//更多按钮文字
                "moreUrl": "notice",//更多跳转路径（网址 | 页面）
                "borderRadius": 10,//圆角
            },
            "staticData": [{
                "title": "这是一条公告1",//标题
                "url": "https://www.test.com"//跳转路径
            },{
                "cover": "这是一条公告2",//标题
                "url": "https://www.test.com"//跳转路径
            }]//静态数据
        },
        {
            "name": "notice-bar",
            "style": {
                "icon": "notification",//图标 可使用网络图片路径
                "moreText": "全部",//更多按钮文字
                "moreUrl": "notice",//更多跳转路径（网址 | 页面）
                "borderRadius": 10,//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "title": "@sel:tag.p[0]&gt;&gt;text",//标题规则
                "url": "detail?id=&lt;js&gt;@sel:class.link[0]&gt;&gt;attr.href&lt;/js&gt;"//跳转路径规则
            }//动态数据
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2704" data-line-end="2705">menu（菜单栏）</li>
<li class="has-line-data" data-line-start="2705" data-line-end="2707">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">column</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">4</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">columnGap</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">15</td>
<td style="text-align:center">----</td>
<td style="text-align:left">间隔</td>
</tr>
<tr>
<td style="text-align:left">borderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">15</td>
<td style="text-align:center">----</td>
<td style="text-align:left">圆角</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2713" data-line-end="2715">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">icon</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标 可使用网络图片路径或者<a href="https://www.iconfont.cn/collections/detail?cid=33">图标库</a></td>
</tr>
<tr>
<td style="text-align:left">iconColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标颜色</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2722" data-line-end="2724">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2725" data-line-end="2767" class="language-json">{
    "components": [
        {
            "name": "menu",
            "style": {
                "column": 2,//列数
                "columnGap": 15,//列间隔
                "borderRadius": 15//圆角
            },
            "staticData": [{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "菜单",//标题
                "url": "list"//跳转路径（网址 | 页面）
            },{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "菜单",//标题
                "url": "list"//跳转路径（网址 | 页面）
            }]//静态数据
        },
        {
            "name": "menu",
            "style": {
                "column": 2,//列数
                "columnGap": 15,//列间隔
                "borderRadius": 15//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "icon": "@sel:tag.img[0]&gt;&gt;attr.src",//图片规则
                "title": "@sel:tag.p[0]&gt;&gt;text",//标题规则
                "url": "detail?id=&lt;js&gt;@sel:class.link[0]&gt;&gt;attr.href&lt;/js&gt;"//跳转路径（网址 | 页面）
            }//动态数据
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2768" data-line-end="2769">link（链接）</li>
<li class="has-line-data" data-line-start="2769" data-line-end="2771">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">iconColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标颜色</td>
</tr>
<tr>
<td style="text-align:left">iconBorderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标圆角</td>
</tr>
<tr>
<td style="text-align:left">borderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">----</td>
<td style="text-align:left">圆角</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2777" data-line-end="2779">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">icon</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标 可使用网络图片路径或者<a href="https://www.iconfont.cn/collections/detail?cid=33">图标库</a></td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">description</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">简介</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2786" data-line-end="2788">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2789" data-line-end="2826" class="language-json">{
    "components": [
        {
            "name": "link",
            "style": {
                "iconColor": "#f5f5f5",//图标颜色
                "iconBorderRadius": 0,//图标圆角
                "borderRadius": 0,//圆角
            },
            "staticData":{
                "icon": "notification",//图标
                "title": "这是一个链接",//标题
                "description": "这是一个链接简介",//简介
                "url": "https://www.baidu.com"//跳转网址
            }//静态数据
        },
        {
            "name": "link",
            "style": {
                "iconColor": "#f5f5f5",//图标颜色
                "iconBorderRadius": 0,//图标圆角
                "borderRadius": 0,//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "icon": "@sel:tag.img[0]&gt;&gt;attr.src",//图片规则
                "title": "@sel:tag.p[0]&gt;&gt;text",//标题规则
                "description": "@sel:class.intro[0]&gt;&gt;text",//简介规则
                "url": "detail?id=&lt;js&gt;@sel:class.link[0]&gt;&gt;attr.href&lt;/js&gt;"//跳转路径（网址 | 页面）
            }//动态数据
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2827" data-line-end="2828">links（链接栏）</li>
<li class="has-line-data" data-line-start="2828" data-line-end="2830">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">column</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">2</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列数</td>
</tr>
<tr>
<td style="text-align:left">borderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">----</td>
<td style="text-align:left">圆角</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2835" data-line-end="2837">数据</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">icon</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标 可使用网络图片路径或者<a href="https://www.iconfont.cn/collections/detail?cid=33">图标库</a></td>
</tr>
<tr>
<td style="text-align:left">iconColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">图标颜色</td>
</tr>
<tr>
<td style="text-align:left">title</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">标题</td>
</tr>
<tr>
<td style="text-align:left">url</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">跳转路径（支持在线网址和规则页面）</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2844" data-line-end="2846">示例用法</li>
</ul>
<pre><code class="has-line-data" data-line-start="2847" data-line-end="2887" class="language-json">{
    "components": [
        {
            "name": "links",
            "style": {
                "column": 2,//列数
                "borderRadius": 0//圆角
            },
            "staticData": [{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "链接",//标题
                "url": "list"//跳转路径（网址 | 页面）
            },{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "链接",//标题
                "url": "list"//跳转路径（网址 | 页面）
            }]//静态数据
        }
        {
            "name": "links",
            "style": {
                "column": 2,//列数
                "borderRadius": 0//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "icon": "@sel:tag.img[0]&gt;&gt;attr.src",//图片规则
                "title": "@sel:tag.p[0]&gt;&gt;text",//标题规则
                "url": "detail?id=&lt;js&gt;@sel:class.link[0]&gt;&gt;attr.href&lt;/js&gt;"//跳转路径（网址 | 页面）
            }//动态数据
        }
    ]
}
</code></pre>
<ul>
<li class="has-line-data" data-line-start="2888" data-line-end="2889">card（卡片）</li>
<li class="has-line-data" data-line-start="2889" data-line-end="2891">style（样式）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">cardTitle</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">卡片标题</td>
</tr>
<tr>
<td style="text-align:left">cardIcon</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">卡片图标 可使用网络图片路径或者<a href="https://www.iconfont.cn/collections/detail?cid=33">图标库</a></td>
</tr>
<tr>
<td style="text-align:left">cardIconColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">卡片图标颜色</td>
</tr>
<tr>
<td style="text-align:left">cardDescription</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">卡片简介</td>
</tr>
<tr>
<td style="text-align:left">enableRefresh</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启换一组功能（需要配合cellCount使用，cellCount用来控制每一组的最大数量）</td>
</tr>
<tr>
<td style="text-align:left">enableScroll</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启滚动功能</td>
</tr>
<tr>
<td style="text-align:left">enableTopCard</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">1/0</td>
<td style="text-align:left">开启顶部卡片显示</td>
</tr>
<tr>
<td style="text-align:left">topImageWidth</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">120</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部卡片图片宽度</td>
</tr>
<tr>
<td style="text-align:left">topImageHeight</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">160</td>
<td style="text-align:center">----</td>
<td style="text-align:left">顶部卡片图片高度</td>
</tr>
<tr>
<td style="text-align:left">moreText</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">更多按钮文字</td>
</tr>
<tr>
<td style="text-align:left">moreUrl</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">更多按钮链接（支持在线网址和规则页面）</td>
</tr>
<tr>
<td style="text-align:left">cellName</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">h-cell</td>
<td style="text-align:left">v-cell</td>
</tr>
<tr>
<td style="text-align:left">cellCount</td>
<td style="text-align:center">Number/String</td>
<td style="text-align:center">auto</td>
<td style="text-align:center">----</td>
<td style="text-align:left">列表总数</td>
</tr>
<tr>
<td style="text-align:left">cellScrollWidth</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">200</td>
<td style="text-align:center">----</td>
<td style="text-align:left">开启滚动后，单项单元格的宽度</td>
</tr>
<tr>
<td style="text-align:left">borderRadius</td>
<td style="text-align:center">Number</td>
<td style="text-align:center">0</td>
<td style="text-align:center">----</td>
<td style="text-align:left">圆角</td>
</tr>
<tr>
<td style="text-align:left">subsectionSelectedColor</td>
<td style="text-align:center">String</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">分段器选中颜色</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2910" data-line-end="2912">data（数据）</li>
</ul>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th style="text-align:left">属性名</th>
<th style="text-align:center">类型</th>
<th style="text-align:center">默认值</th>
<th style="text-align:center">可选值</th>
<th style="text-align:left">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">subsection</td>
<td style="text-align:center">Array</td>
<td style="text-align:center">----</td>
<td style="text-align:center">----</td>
<td style="text-align:left">分段数据</td>
</tr>
</tbody>
</table>
<ul>
<li class="has-line-data" data-line-start="2916" data-line-end="2918">示例用法（该组件需要配合cell单元格使用）</li>
</ul>
<pre><code class="has-line-data" data-line-start="2919" data-line-end="3051" class="language-json">{
    "components": [
        {
            "name": "card",
            "style": {
                "cardTitle": "作者",
                "cellName": "h-cell",
                "cellColumn": 1,
                "cellImageWidth": 80,
                "cellImageHeight": 80,
                "cellDescriptionLines": 1,
                "cellImageBorderRadius": 80
            },
            "request": {
                "url": "/book/{{id}}.html",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.novelist",
                "title": "@sel:class.name[0]&gt;&gt;tag.a[0]&gt;&gt;text",
                "cover": "@sel:tag.img[0]&gt;&gt;attr.src",
                "description": "@sel:class.about[0]&gt;&gt;text",
                "url": "user?id=&lt;js&gt;@sel:class.name[0]&gt;&gt;tag.a[0]&gt;&gt;attr.href@replace:/user/info?id=&lt;/js&gt;"
            }
        },
        {
            "name": "card",
            "style": {
                "cardTitle": "推荐阅读",
                "cellName": "v-cell"
            },
            "request": {
                "url": "/book/{{id}}.html",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.side-show-image-list[0]&gt;&gt;class.side-show-image-item",
                "title": "@sel:tag.img[0]&gt;&gt;attr.alt",
                "cover": "@sel:tag.img[0]&gt;&gt;attr.src",
                "url": "book?id=&lt;js&gt;@sel:tag.a[0]&gt;&gt;attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"
            }
        },
        {
            "name": "card",
            "style": {
                "cardTitle": "版权强推",
                "cellName": "img-cell",
                "cellColumn": 2,
                "cellImageHeight": 140,
                "enableTopCard": 1
            },
            "request": {
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.blog-list[0]&gt;&gt;tag.li",
                "cover": "@sel:class.lazy[0]&gt;&gt;attr.data-original",
                "url": "@sel:tag.a[0]&gt;&gt;attr.href"
            }
        },
        {
            "name": "card",
            "style": {
                "cellName": "text-cell"
            },
            "request": {
                "url": "/article/{{$1}}/{{page}}",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.article[0]&gt;&gt;tag.li",
                "title": "@sel:class.title[0]&gt;&gt;text",
                "subtitle": "@sel:class.top_20[0]&gt;&gt;text",
                "url": "&lt;if&gt;@sel:class.right[0]&gt;&gt;tag.img[0]&lt;/if&gt;&lt;then&gt;article?id=&lt;js&gt;@sel:class.title[0]&gt;&gt;attr.href@split:article/&gt;&gt;1&lt;/js&gt;&amp;background=&lt;js&gt;@sel:class.right[0]&gt;&gt;tag.img[0]&gt;&gt;attr.src&lt;/js&gt;&lt;/then&gt;&lt;else&gt;article?id=&lt;js&gt;@sel:class.title[0]&gt;&gt;attr.href@split:article/&gt;&gt;1&lt;/js&gt;&amp;background=&lt;js&gt;@sel:class.face[0]&gt;&gt;attr.src&lt;/js&gt;&lt;/else&gt;"
            }
        },
        {
            "name": "card",
            "style": {
                "cardTitle": "分类",
                "cellName": "tag-cell",
                "cellColumn": "auto"
            },
            "request": {
                "url": "/book/fenlei.html",
                "device": "电脑"
            },
            "staticData": {
                "subsection": ["热血", "推理", "悬疑"]
            },
            "dynamicData": {
                "list": [{
                    "list": "@sel:id.album_tabs&gt;&gt;tag.li[2]&gt;&gt;tag.a",
                    "title": "@sel:text",
                    "url": "detail?id=&lt;js&gt;@sel:attr.href@match:cate-&gt;&gt;.html&gt;&gt;1&lt;/js&gt;&amp;navigationTitle=&lt;js&gt;@sel:text&lt;/js&gt;"
                },{
                    "list": "@sel:id.album_tabs&gt;&gt;tag.li[3]&gt;&gt;tag.a",
                    "title": "@sel:text",
                    "url": "detail?id=&lt;js&gt;@sel:attr.href@match:cate-&gt;&gt;.html&gt;&gt;1&lt;/js&gt;&amp;navigationTitle=&lt;js&gt;@sel:text&lt;/js&gt;"
                },{
                    "list": "@sel:id.album_tabs&gt;&gt;tag.li[4]&gt;&gt;tag.a",
                    "title": "@sel:text",
                    "url": "detail?id=&lt;js&gt;@sel:attr.href@match:cate-&gt;&gt;.html&gt;&gt;1&lt;/js&gt;&amp;navigationTitle=&lt;js&gt;@sel:text&lt;/js&gt;"
                }]
            }
        },
        {
            "name": "card",
            "style": {
                "cardTitle": "最近应援",
                "cardDescription": "大佬万岁\/(^o^)/ ",
                "cellName": "v-cell",
                "cellColumn": 4,
                "cellCount": 4,//每组数量为4
                "enableRefresh": 1,//开启换一组功能
                "cellImageHeight": 160
            },
            "request": {
                "url": "/book.html",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.reward-list[0]&gt;&gt;tag.a",
                "title": "@sel:class.book-name[0]&gt;&gt;text",
                "subtitle": "@sel:class.reward-detail[0]&gt;&gt;text",
                "cover": "@sel:class.lazy[0]&gt;&gt;attr.data-original",
                "url": "book?id=&lt;js&gt;@sel:attr.href@match:book&amp;es;/&gt;&gt;.html&gt;&gt;1&lt;/js&gt;"
            }
        }
    ]
}
</code></pre>

</body></html>